Adjust internal padding of tab content and margin on mobile breakpoint

alphagov · Jul 12, 2018 · 608b94a · 608b94a
1 parent 139649a
commit 608b94a
Showing 1 changed file with 9 additions and 4 deletions.
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,10 +108,11 @@
       }
 
       .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-left: govuk-spacing(4);
+        padding-right: govuk-spacing(6);
+        padding-bottom: govuk-spacing(6);
+        padding-left: govuk-spacing(6);
         border: 1px solid $govuk-border-colour;
         border-top: 0;
       }