Merge pull request #886 from alphagov/update-tabs-spacing

Update tabs spacing
alphagov · Jul 16, 2018 · 8f2fe56 · 8f2fe56
2 parents 920e747 + e2523fc
commit 8f2fe56
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -23,9 +23,11 @@
 🔧 Fixes:
 
 - Update details behaviour to remove margin-bottom for all elements
-
   ([PR #900](https://github.com/alphagov/govuk-frontend/pull/900))
 
+- Update internal padding of tab content in the tabs component
+  ([PR #886](https://github.com/alphagov/govuk-frontend/pull/886))
+
 ## 1.1.0 (feature release)
 
 🆕 New features:

diff --git a/src/components/tabs/_tabs.scss b/src/components/tabs/_tabs.scss
@@ -21,7 +21,7 @@
     padding: 0;
     list-style: none;
     @include mq($until: tablet) {
-      @include govuk-responsive-margin(2, "bottom");
+      @include govuk-responsive-margin(6, "bottom");
     }
   }
 
@@ -50,6 +50,10 @@
     }
   }
 
+  .govuk-tabs__panel {
+    @include govuk-responsive-margin(8, "bottom");
+  }
+
   // JavaScript enabled
   .js-enabled {
 
@@ -104,12 +108,17 @@
       }
 
       .govuk-tabs__panel {
+        @include govuk-responsive-margin(0, "bottom");
         padding-top: govuk-spacing(6);
         padding-right: govuk-spacing(4);
-        padding-bottom: govuk-spacing(2);
+        padding-bottom: govuk-spacing(6);
         padding-left: govuk-spacing(4);
         border: 1px solid $govuk-border-colour;
         border-top: 0;
+
+        & > :last-child {
+          margin-bottom: 0;
+        }
       }
     }