From e2ab60e05af97392427df082b07381dbe82bb90d Mon Sep 17 00:00:00 2001
From: natdeanlewissoftwire <nat.dean-lewis@softwire.com>
Date: Tue, 23 Jan 2024 10:43:12 +0000
Subject: [PATCH] feat: shrink headers, make text the same and match underline
 width to tabs component

---
 app/components/document_list_component.html.erb  | 2 +-
 app/frontend/styles/_tab.scss                    | 6 ++++++
 app/views/home/index.html.erb                    | 4 +++-
 app/views/layouts/_collection_resources.html.erb | 8 ++++----
 4 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/app/components/document_list_component.html.erb b/app/components/document_list_component.html.erb
index 60f33e965..32b2d1562 100644
--- a/app/components/document_list_component.html.erb
+++ b/app/components/document_list_component.html.erb
@@ -1,4 +1,4 @@
-<h2 class="govuk-heading-l"><%= label %></h2>
+<h3 class="govuk-heading-m"><%= label %></h3>
 <dl class="app-document-list">
   <% items.each do |item| %>
     <div class="app-document-list__item">
diff --git a/app/frontend/styles/_tab.scss b/app/frontend/styles/_tab.scss
index 97145c3c1..8dbaf3418 100644
--- a/app/frontend/styles/_tab.scss
+++ b/app/frontend/styles/_tab.scss
@@ -7,3 +7,9 @@
     min-width: 35.375em;
   }
 }
+
+@media (min-width: 35.375em) {
+  .app-tab__underline {
+    min-width: 35.375em;
+  }
+}
diff --git a/app/views/home/index.html.erb b/app/views/home/index.html.erb
index aa8f7135f..0aacbdc16 100644
--- a/app/views/home/index.html.erb
+++ b/app/views/home/index.html.erb
@@ -48,7 +48,9 @@
       </div>
       <div class="govuk-grid-row">
         <%= render partial: "layouts/collection_resources" %>
-        <hr class="govuk-section-break govuk-section-break--visible govuk-section-break--m govuk-!-margin-top-8 govuk-!-margin-bottom-8">
+        <div class="app-tab__underline">
+          <hr class="govuk-section-break govuk-section-break--visible govuk-section-break--m govuk-!-margin-top-8 govuk-!-margin-bottom-8">
+        </div>
         <%= render partial: "home/upcoming_deadlines" %>
         <hr class="govuk-section-break govuk-section-break--visible govuk-section-break--m govuk-!-margin-top-8 govuk-!-margin-bottom-8">
         <%= render partial: "layouts/about_this_service" %>
diff --git a/app/views/layouts/_collection_resources.html.erb b/app/views/layouts/_collection_resources.html.erb
index 915a50de4..9da4d5a4b 100644
--- a/app/views/layouts/_collection_resources.html.erb
+++ b/app/views/layouts/_collection_resources.html.erb
@@ -27,7 +27,7 @@
             metadata: file_type_size_and_pages("bulk-upload-lettings-specification-2024-25.xlsx"),
           },
         ],
-        label: "Lettings 2024/25"
+        label: "Lettings 24/25"
       ) %>
     <% end %>
     <% c.with_tab(label: "Sales 24/25") do %>
@@ -49,7 +49,7 @@
             metadata: file_type_size_and_pages("bulk-upload-sales-specification-2024-25.xlsx"),
           },
         ],
-        label: "Sales 2024/25"
+        label: "Sales 24/25"
       ) %>
     <% end %>
   <% end %>
@@ -78,7 +78,7 @@
             metadata: file_type_size_and_pages("bulk-upload-lettings-specification-2023-24.xlsx"),
           },
         ],
-        label: "Lettings 2023/24"
+        label: "Lettings 23/24"
       ) %>
     <% end %>
     <% c.with_tab(label: "Sales 23/24") do %>
@@ -105,7 +105,7 @@
             metadata: file_type_size_and_pages("bulk-upload-sales-specification-2023-24.xlsx"),
           },
         ],
-        label: "Sales 2023/24"
+        label: "Sales 23/24"
       ) %>
     <% end %>
   <% end %>