Change the responsive mode on header nav on smaller screens

diff --git a/app/static/src/sass/modules/navs/_nav-header.scss b/app/static/src/sass/modules/navs/_nav-header.scss
index e10927e21267fcdd9ab34a6533fa698f30eaf00d..fd690b82974211e8af00b08a6cb5cb0b226a5aa3 100644 (file)
--- a/app/static/src/sass/modules/navs/_nav-header.scss
+++ b/app/static/src/sass/modules/navs/_nav-header.scss
@@ -38,13 +38,13 @@ $module: ".nav-header";
 
         &--image {
             vertical-align: top;
-            @include margin(0 0 0 .5);
-            @include padding-right(.5);
+            @include margin(0 0 0 .75);
+            @include padding-right(.75);
 
-            @include mq($until: md) {
+            /*@include mq($until: md) {
                 @include margin(0 0 0 .25);
                 @include padding-right(.25);
-            }
+            }*/
         }
 
         &--special {
@@ -52,10 +52,10 @@ $module: ".nav-header";
             @include margin(0 0 0 .5);
             @include padding-right(.5);
 
-            @include mq($until: md) {
+            /*@include mq($until: md) {
                 @include margin(0 0 0 .25);
                 @include padding-right(.25);
-            }
+            }*/
         }
 
         &--centered {
@@ -96,16 +96,15 @@ $module: ".nav-header";
         @include line-height($header-pre-height);
         @include typeface(sans-serif);
 
-        @include padding-right(.5);
+        @include padding-right(1);
 
         @include mq($until: md) {
-            @include margin(0 0 0 .25);
-            @include padding-right(.25);
+            @include padding-right(.75);
         }
 
-        @include mq($until: lg) {
+        /*@include mq($until: lg) {
             @include font-size(l);
-        }
+        }*/
 
         &:before {
             display: inline;