diff --git a/app/assets/stylesheets/cta.scss b/app/assets/stylesheets/cta.scss index 0b4c21ff..eaeea50b 100644 --- a/app/assets/stylesheets/cta.scss +++ b/app/assets/stylesheets/cta.scss @@ -15,6 +15,26 @@ display: flex; } +@media (max-width: 40.0525em) { + .cta-banner { + flex-direction: column; + } + + .cta-banner-img { + width: 100%; + order: 1; + } + + .cta-banner-text { + order: 2; + padding: 20px; + } + + .table-scroll { + overflow: scroll; + } +} + @media (max-width: 40.0525em) { .hf-card { margin-bottom: govuk-spacing(6); @@ -34,3 +54,19 @@ padding: 1em 0 1em 1em; margin: 2em 0; } + +.hf-ctas { + padding-top: govuk-spacing(9); + padding-bottom: govuk-spacing(4); +} + +.hf-icon { + background: #ebf2f6; + display: flex; + padding: 10px; + border-radius: 50%; +} + +.hf-icon path { + fill: #347CA9; +} diff --git a/app/assets/stylesheets/other-resources.scss b/app/assets/stylesheets/other-resources.scss index be630229..6940076c 100644 --- a/app/assets/stylesheets/other-resources.scss +++ b/app/assets/stylesheets/other-resources.scss @@ -3,11 +3,6 @@ padding-bottom: govuk-spacing(9); } -.hf-ctas { - padding-top: govuk-spacing(9); - padding-bottom: govuk-spacing(4); -} - .hf-second-color { color: $govuk-secondary-text-colour } @@ -17,17 +12,6 @@ column-gap: 20px; } -.hf-icon { - background: #ebf2f6; - display: flex; - padding: 10px; - border-radius: 50%; -} - -.hf-icon path { - fill: #347CA9; -} - .chevron-card-list { list-style: none; margin: 0 -15px; diff --git a/app/assets/stylesheets/page-contents.scss b/app/assets/stylesheets/page-contents.scss index e29697ca..537899e2 100644 --- a/app/assets/stylesheets/page-contents.scss +++ b/app/assets/stylesheets/page-contents.scss @@ -49,29 +49,6 @@ .contents-on-page { padding: 20px; } - - .hf-card-details { - padding: govuk-spacing(5); - min-height: 170px; - } - - .cta-banner { - flex-direction: column; - } - - .cta-banner-img { - width: 100%; - order: 1; - } - - .cta-banner-text { - order: 2; - padding: 20px; - } - - .table-scroll { - overflow: scroll; - } } .app-back-to-top { diff --git a/app/components/header_component.html.slim b/app/components/header_component.html.slim index 6c4f0b7e..e5ca1d3f 100644 --- a/app/components/header_component.html.slim +++ b/app/components/header_component.html.slim @@ -7,17 +7,16 @@ #service-name = link_to service_name, service_url, class: 'dfe-header__link dfe-header__link--service' / Original header template - / - if action_links.any? - / #content-header.dfe-header__content.dfe-header-f-dtonly.dfe-header-f-toplinks - / .dfe-header-f-top-links - / ul.dfe-header__action-links - / - action_links.each do |item| - / = item - / .dfe-header__menu - / button#toggle-menu.dfe-header__menu-toggle aria-controls='header-navigation' aria-expanded='false' data-action='click->reveal#toggle' - / | Menu - - / Custom service template + - if action_links.any? + #content-header.dfe-header__content.dfe-header-f-dtonly.dfe-header-f-toplinks + .dfe-header-f-top-links + ul.dfe-header__action-links + - action_links.each do |item| + = item + .dfe-header__menu + button#toggle-menu.dfe-header__menu-toggle aria-controls='header-navigation' aria-expanded='false' data-action='click->reveal#toggle' + | Menu + Custom service template #content-header.dfe-header__content.dfe-header-f-dtonly.dfe-header-f-toplinks .dfe-header__menu button#toggle-menu.dfe-header__menu-toggle aria-controls='header-navigation' aria-expanded='false' data-action='click->reveal#toggle'