fix(home): remove bottom margin from buttons on home page

afernandez-nhs · afernandez-nhs · commit 83f5619e0827 · 2025-07-24T12:27:11.000+01:00
- Add nhsnotify-home-page class to home layout for page-specific styling
- Add CSS override to remove margin-bottom from nhsuk-button class within home page
- Ensures buttons on home page have no bottom margin while preserving styling on other pages
diff --git a/docs/_layouts/home.html b/docs/_layouts/home.html
@@ -1,6 +1,6 @@
 ---
 layout: default
 ---
-<main id="maincontent" role="main">
+<main id="maincontent" role="main" class="nhsnotify-home-page">
   {{ content }}
 </main>
diff --git a/docs/_sass/_nhsnotify.scss b/docs/_sass/_nhsnotify.scss
@@ -206,6 +206,11 @@
   }
 }
 
+// Home page button margin override
+.nhsnotify-home-page .nhsuk-button {
+  margin-bottom: 0;
+}
+
 .nhsuk-breadcrumb__item {
 
   &:not(:last-child)::after {

Original file line number	Diff line number	Diff line change
`@@ -206,6 +206,11 @@`
`206`	`206`	`}`
`207`	`207`	`}`
`208`	`208`
	`209`	`+// Home page button margin override`
	`210`	`+.nhsnotify-home-page .nhsuk-button {`
	`211`	`+ margin-bottom: 0;`
	`212`	`+}`
	`213`	`+`
`209`	`214`	`.nhsuk-breadcrumb__item {`
`210`	`215`
`211`	`216`	`&:not(:last-child)::after {`