Fix alignment within grid within bubbles & remove floating black box …

…on mobile
canonical · Jan 4, 2024 · d4f20df · d4f20df
1 parent 861a557
commit d4f20df
Showing 1 changed file with 9 additions and 10 deletions.
diff --git a/static/sass/_pattern_navigation.scss b/static/sass/_pattern_navigation.scss
@@ -43,7 +43,6 @@ $meganav-height: 3rem;
     }
 
     .p-navigation__nav {
-      margin-left: -2rem;
       margin-right: 0;
       max-height: calc(100vh - 3rem);
       width: auto;
@@ -188,6 +187,10 @@ $meganav-height: 3rem;
         &[aria-hidden="false"] {
           overflow: unset;
         }
+
+        &::before {
+          box-shadow: none;
+        }
       }
 
       .p-navigation__link--search-toggle::after {
@@ -417,15 +420,15 @@ $meganav-height: 3rem;
       }
     }
 
-    button.p-navigation__link.js-menu-button {
-      padding-left: 1rem;
-      padding-right: 1rem;
-    }
-
     .p-navigation__item {
       .p-navigation__link {
         color: $color-mid-light;
       }
+
+      .js-menu-button.p-navigation__link {
+        padding-left: 1rem;
+        padding-right: 1rem;
+      }  
     }
 
     .p-navigation__link--search-toggle {
@@ -556,10 +559,6 @@ $meganav-height: 3rem;
     top: 0;
     z-index: 10;
 
-    .p-navigation__nav {
-      margin-left: -2rem;
-    }
-
     .p-navigation__nav.is-open {
       display: flex;