Fixed navbar responsiveness

getredash · Feb 28, 2019 · 7fba487 · 7fba487
1 parent 194f452
commit 7fba487
Showing 1 changed file with 13 additions and 6 deletions.
diff --git a/client/app/assets/less/redash/redash-newstyle.less b/client/app/assets/less/redash/redash-newstyle.less
@@ -651,6 +651,12 @@ body {
   }
 }
 
+.navbar-link-ANGULAR_REMOVE_ME {
+  line-height: 18px;
+  padding: 16px 15px;
+  display: block;
+}
+
 .navbar-link-ANGULAR_REMOVE_ME,
 .navbar-default .navbar-nav > li > a {
   color: #000;
@@ -659,6 +665,13 @@ body {
   &:active, &:hover, &:focus {
     color: #000;
   }
+
+  @media (max-width: 880px) {
+    & {
+      padding-left: 10px;
+      padding-right: 10px;
+    }
+  }
 }
 
 .navbar-default .btn__new button {
@@ -671,12 +684,6 @@ body {
   //border-radius: 0;
 }
 
-.navbar-link-ANGULAR_REMOVE_ME {
-  line-height: 18px;
-  padding: 16px 15px;
-  display: block;
-}
-
 .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
   background-color: fade(@redash-gray, 15%);
   color: #111;