From d08a829b690a714573351e35710a21a3c4f4d6aa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel@grafana.com>
Date: Thu, 1 Feb 2018 11:29:04 +0100
Subject: [PATCH] ux: fix for responsive breakpoints and solo mode showing
 sidemenu

---
 public/app/features/panel/solo_panel_ctrl.ts |  2 ++
 public/sass/_old_responsive.scss             | 12 +++++++++---
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/public/app/features/panel/solo_panel_ctrl.ts b/public/app/features/panel/solo_panel_ctrl.ts
index f141f89eb80..fc5da20f52b 100644
--- a/public/app/features/panel/solo_panel_ctrl.ts
+++ b/public/app/features/panel/solo_panel_ctrl.ts
@@ -1,4 +1,5 @@
 import angular from 'angular';
+import appEvents from 'app/core/app_events';
 
 export class SoloPanelCtrl {
   /** @ngInject */
@@ -7,6 +8,7 @@ export class SoloPanelCtrl {
 
     $scope.init = function() {
       contextSrv.sidemenu = false;
+      appEvents.emit('toggle-sidemenu');
 
       var params = $location.search();
       panelId = parseInt(params.panelId);
diff --git a/public/sass/_old_responsive.scss b/public/sass/_old_responsive.scss
index 164d6dd09c7..991b0f30aa1 100644
--- a/public/sass/_old_responsive.scss
+++ b/public/sass/_old_responsive.scss
@@ -18,8 +18,8 @@
 // ---------------------
 
 @include media-breakpoint-down(xs) {
-  input[type="text"],
-  input[type="number"],
+  input[type='text'],
+  input[type='number'],
   textarea {
     font-size: 16px;
   }
@@ -51,9 +51,15 @@
     display: flex;
   }
   .navbar-page-btn {
-    max-width: none;
+    max-width: 450px;
   }
   .gf-timepicker-nav-btn {
     max-width: none;
   }
 }
+
+@include media-breakpoint-up(xl) {
+  .navbar-page-btn {
+    max-width: 600px;
+  }
+}