Improve rendering of foundation link on small devices

nodejs · Jul 26, 2018 · 560e0af · 560e0af
1 parent c1f05bd
commit 560e0af
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/layouts/css/page-modules/_header.styl b/layouts/css/page-modules/_header.styl
@@ -26,7 +26,6 @@ header
 
 // Special format for external 'Foundation' link in main navigation
 .nav-foundation
-  margin-left 8px
   background-color #026e00
 
   &:before
@@ -62,13 +61,18 @@ header
     a:active
       padding 0 8px
 
+  .nav-foundation
+    margin-left 8px
+
 @media screen and (max-width: 480px)
   header
     li
       width 50%
       float left
       padding 0
       margin 0
+    nav
+      margin 0 20px
     a,
     a:link,
     a:active