Prevent service name dropping below logo

nhsuk · Jul 15, 2024 · da15cd1 · da15cd1
1 parent 1d92c98
commit da15cd1
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 32 deletions.
diff --git a/packages/components/header/_header-service.scss b/packages/components/header/_header-service.scss
@@ -8,13 +8,11 @@
   text-decoration: none;
   width: auto;
 
-  @include mq($from: large-desktop) {
-    align-items: center;
-    display: flex;
-    -ms-flex-align: center;
-    margin-bottom: 0;
-    width: auto;
-  }
+  align-items: center;
+  display: flex;
+  -ms-flex-align: center;
+  margin-bottom: 0;
+  width: auto;
 
   &:hover {
     background: none;
@@ -43,17 +41,10 @@
 
 .nhsuk-header__service-name {
   @include nhsuk-font(19);
-
   color: $color_nhsuk-white;
   display: block;
   padding-left: 0;
   padding-right: 0;
+  padding-left: nhsuk-spacing(3);
 
-  @include mq($from: large-desktop) {
-    padding-left: nhsuk-spacing(3);
-  }
-
-  @include mq($until: large-desktop) {
-    max-width: 220px;
-  }
 }
diff --git a/packages/components/header/_header.scss b/packages/components/header/_header.scss
@@ -26,15 +26,9 @@
   @include govuk-width-container;
   padding: 20px 0;
 
-  @include mq($until: tablet) {
-    padding-bottom: 0;
-  }
-
-  @include mq($from: tablet) {
-    border-bottom: 1px solid $color_transparent_nhsuk-white-20;
-    display: flex;
-    justify-content: space-between;
-  }
+  border-bottom: 1px solid $color_transparent_nhsuk-white-20;
+  display: flex;
+  justify-content: space-between;
 }
 
 .nhsuk-header__logo {
@@ -162,13 +156,9 @@
 .nhsuk-header__search-form {
   height: 100%;
   overflow: visible;
-
-  @include mq($until: tablet) {
-    display: flex;
-    margin: nhsuk-spacing(3) 0 0;
-    position: relative;
-    width: 100%;
-  }
+  width: 100%;
+  position: relative;
+  display: flex;
 }
 
 .nhsuk-header__search-wrap {
@@ -548,7 +538,7 @@
   display: flex;
   flex-direction: column;
   align-items: flex-end;
-  justify-content: center;
+  text-align: right;
 }
 
 .nhsuk-header__account-item {