Further updates to stylesheets

DFE-Digital · Apr 25, 2024 · dd7dcca · dd7dcca
1 parent 5a6366f
commit dd7dcca
Show file tree

Hide file tree

Showing 4 changed files with 46 additions and 50 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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'