fix(css): added responsive media query for phones that fix header wrap

9 years ago · 5676a35d9a
parent ae8fabdad3
commit 5676a35d9a
1 changed files with 7 additions and 0 deletions
--- a/public/sass/_old_responsive.scss
+++ b/public/sass/_old_responsive.scss
@ -5,6 +5,7 @@

 // Media queries
 // ---------------------
+
@include media-breakpoint-down(sm) {
  div.panel {
    width: 100% !important;
@ -33,6 +34,12 @@
  }
 }

+@include media-breakpoint-down(xs) {
+  .page-dashboard .navbar-page-btn {
+    max-width: 150px;
+  }
+}
+
 // form styles
@include media-breakpoint-up(md) {
  .page-dashboard .navbar-page-btn {