Increase secondary nav item padding to compensate removed whitespace

[rails.git] / app / assets / stylesheets / common.scss

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 71de054ce2903e8c40fd3df11336929688e3f169..97ed5907135d992c6da34bf612d52ede75368654 100644 (file)
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -50,7 +50,7 @@ time[title] {
 
 /* Utility for de-emphasizing content */
 
 
 /* Utility for de-emphasizing content */
 

-.text-muted a {
+.text-body-secondary a {

   color: $blue;
 }
 
   color: $blue;
 }
 


@@ -98,23 +98,13 @@ header {
   position: relative;
   font-size: 14px;
 
   position: relative;
   font-size: 14px;
 

-  h1, nav, nav > ul, nav > ul > li {
-    display: inline-block;
-  }
-

   > * {
     height: 100%;
     padding: $lineheight * 0.5;
   }
 
   > * {
     height: 100%;
     padding: $lineheight * 0.5;
   }
 

-  img.logo {
-    margin-top: -2px;
-  }
-

   h1 {
     font-size: 18px;
   h1 {
     font-size: 18px;

-    line-height: 1.2;
-    padding-top: 15px;

   }
 
   .btn {
   }
 
   .btn {


@@ -160,7 +150,7 @@ nav.primary {
 
 nav.secondary {
   .nav-link {
 
 nav.secondary {
   .nav-link {

-    padding: 0.2rem;
+    padding: 0.3rem;

   }
 }
 
   }
 }
 


@@ -197,7 +187,7 @@ body.small-nav {
     min-height: $headerHeight;
 
     &.closed nav {
     min-height: $headerHeight;
 
     &.closed nav {

-      display: none;
+      display: none !important;

     }
 
     .search_forms {
     }
 
     .search_forms {


@@ -222,6 +212,8 @@ body.small-nav {
   }
 
   nav.secondary {
   }
 
   nav.secondary {

+    flex-direction: column;
+

     .user-menu, .login-menu {
       width: 100%;
     }
     .user-menu, .login-menu {
       width: 100%;
     }


@@ -891,14 +883,14 @@ div.secondary-actions {
   }
 }
 
   }
 }
 

-/* Rules for the "Welcome" page */
+/* Rules for the "Welcome" and "Fix the map" pages */
+

 .site-welcome, .site-fixthemap {
   .sprite {
     width: 50px;
     height: 50px;
     background-image: image-url("welcome-sprite.svg");
     background-size: 500px 250px;
 .site-welcome, .site-fixthemap {
   .sprite {
     width: 50px;
     height: 50px;
     background-image: image-url("welcome-sprite.svg");
     background-size: 500px 250px;

-    display: block;

   }
 
   .sprite.x {
   }
 
   .sprite.x {


@@ -930,6 +922,8 @@ div.secondary-actions {
   }
 }
 
   }
 }
 

+/* Rules for the "About" page */
+

 .site-about #content {
   .content-inner {
     max-width: 760px;
 .site-about #content {
   .content-inner {
     max-width: 760px;