h2 additional padding top after details component (#503)

* [ref #486] A h2 / nhsuk-heading-l needs additional padding top after a details component * Add changelog entry for issue [ref #486]
nhsuk · Jul 23, 2019 · a12989a · a12989a
1 parent e4b00e9
commit a12989a
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -16,6 +16,9 @@
 
 - Updated details.scss, radios.scss and checkboxes.scss components to remove &s from the middle of selectors and added new selectors that don't use the &s.
 
+- Details component - Additional top padding for a h2 / nhsuk-heading-l which is placed after the details component. [Issue 486](https://github.com/nhsuk/nhsuk-frontend/issues/486)
+
+
 ## 2.2.0 - 24th June 2019
 
 :new: **New features**

diff --git a/packages/components/details/_details.scss b/packages/components/details/_details.scss
@@ -170,3 +170,7 @@
 
   @include nhsuk-responsive-margin(4, 'bottom');
 }
+
+.nhsuk-details  + %nhsuk-heading-l {
+  @include nhsuk-responsive-padding(4, 'top');
+}