adjust spacing of phase banner on mobile breakpoint

alphagov · Jan 14, 2019 · e07756e · e07756e
1 parent da08caa
commit e07756e
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/stylesheets/components/_banner.scss b/src/stylesheets/components/_banner.scss
@@ -3,6 +3,13 @@
 
 .app-phase-banner {
 
+ @include govuk-media-query($until: tablet) {
+ margin-right: -(govuk-spacing(3));
+ margin-left: -(govuk-spacing(3));
+ padding-right: govuk-spacing(6);
+ padding-left: govuk-spacing(6);
+ }
+
  @include govuk-media-query($from: tablet) {
  padding-right: 0;
  padding-left: 0;