Merge pull request #5278 from alphagov/fix-service-nav-toggle-spacing

Fix service navigation mobile toggle spacing
alphagov · Sep 2, 2024 · 46941f0 · 46941f0
2 parents 9c67377 + a8f4e2e
commit 46941f0
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/govuk/components/service-navigation/_index.scss b/src/govuk/components/service-navigation/_index.scss
@@ -90,7 +90,7 @@
   .govuk-service-navigation__toggle {
     @include govuk-font($size: 19, $weight: bold);
     display: inline-flex;
-    margin: 0 0 govuk-spacing(2);
+    margin: govuk-spacing(2) 0;
     padding: 0;
     border: 0;
     color: $govuk-service-navigation-link-colour;
@@ -117,6 +117,12 @@
     &[hidden] {
       display: none;
     }
+
+    // If we have both a service name and navigation toggle, remove the
+    // margin-top so that there isn't a bunch of space between them
+    .govuk-service-navigation__service-name + .govuk-service-navigation__wrapper & {
+      margin-top: 0;
+    }
   }
 
   .govuk-service-navigation__list {