Merge pull request #1287 from DFE-Digital/ER-992-layout-fixes

ER-992 Multiple layout fixes
DFE-Digital · Aug 28, 2024 · 82f50a8 · 82f50a8
2 parents 94e4bad + 72e89c9
commit 82f50a8
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/app/assets/stylesheets/header.scss b/app/assets/stylesheets/header.scss
@@ -48,6 +48,10 @@ header #service-name {
   }
 }
 
+.dfe-header__menu {
+  float: right;
+}
+
 .dfe-header__logo {
   order: 1;
 }
@@ -74,7 +78,7 @@ header #service-name {
     order: 3;
   }
 
-  .govuk-notification-banner__content > * {
+  .govuk-notification-banner__content>* {
     max-width: 44em;
   }
 }
@@ -103,3 +107,9 @@ header #service-name {
     }
   }
 }
+
+@media (max-width: 61.875em) {
+  .dfe-header__navigation-item.dfe-header__navigation-item--current a {
+    color: govuk-colour('black');
+  }
+}
diff --git a/app/assets/stylesheets/video.scss b/app/assets/stylesheets/video.scss
@@ -31,6 +31,10 @@ iframe {
   padding: govuk-spacing(7);
   background: govuk-colour('light-grey');
 
+  @include govuk-media-query($until: tablet) {
+    padding: govuk-spacing(4) govuk-spacing(3)
+  }
+
   .govuk-details__text {
     background: govuk-colour('white');
   }