Merge pull request #841 from alphagov/add-margin-to-tabs-component

Add bottom margin to tabs component
alphagov · Jun 28, 2018 · 9ba931e · 9ba931e
2 parents 41a7bc1 + 115e852
commit 9ba931e
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -23,10 +23,15 @@
 
 🔧 Fixes:
 
-- Use relative line-height  
-  Update typography styles to use relative, unitless line-height  
+- Use relative line-height
+  Update typography styles to use relative, unitless line-height
   ([PR #837](https://github.com/alphagov/govuk-frontend/pull/837))
 
+- Add bottom margin to Tabs component
+  All components (or outer layer components) have a bottom margin
+  applied to them so spacing feels automatic.
+  ([PR #841](https://github.com/alphagov/govuk-frontend/pull/841))
+
 - Update Crown copyright link
   Update the Crown copyright link on the National Archives so
   we don't send users on an unnecessary redirect.

diff --git a/src/components/tabs/_tabs.scss b/src/components/tabs/_tabs.scss
@@ -8,6 +8,7 @@
     @include govuk-font($size: 19);
     @include govuk-text-colour;
     @include govuk-responsive-margin(1, "top");
+    @include govuk-responsive-margin(6, "bottom");
   }
 
   .govuk-tabs__title {