diff --git a/packages/components/header/_header-service.scss b/packages/components/header/_header-service.scss index a14e4556e..bc86e9da1 100644 --- 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 index c1cc09c1e..966e22b7b 100644 --- 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 {