Notification banner spacing update (#1209)

* Update spacing to be 30px for success banner on my account page * Update to use id for styling * Update notification banner styling to be inside default layout
DFE-Digital · May 31, 2024 · 5e56b0b · 5e56b0b
1 parent 5b08989
commit 5e56b0b
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
@@ -69,7 +69,9 @@ Default layout
 */
 
 #default-layout {
-  // noop
+  .govuk-notification-banner {
+    margin-bottom: govuk-spacing(8);
+  }
 }
 
 /*
@@ -80,7 +82,7 @@ Hero layout
 #hero-layout {
   .govuk-notification-banner {
     margin-top: govuk-spacing(6);
-    margin-bottom: govuk-spacing(-4);
+    margin-bottom: govuk-spacing(-4); // This is negative as banner sits within hero section
   }
 
   #assessment-results .govuk-notification-banner {