From 47ddf87282660de598727de85192fdd3997319fd Mon Sep 17 00:00:00 2001
From: natdeanlewissoftwire
 <94526761+natdeanlewissoftwire@users.noreply.github.com>
Date: Fri, 20 Jan 2023 08:32:42 +0000
Subject: [PATCH] CLDC-1858 Add new collection resources design (#1204)

* feat: update collection resources with new lettings log link and design

* refactor: linting

* feat: update size (previously was using in browser size not post-download)
---
 app/frontend/styles/_document-list.scss        |  7 ++++++-
 .../layouts/_collection_resources.html.erb     | 18 ++++++++++++------
 2 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/app/frontend/styles/_document-list.scss b/app/frontend/styles/_document-list.scss
index d3f632b27..47936a365 100644
--- a/app/frontend/styles/_document-list.scss
+++ b/app/frontend/styles/_document-list.scss
@@ -1,5 +1,10 @@
+.app-document-list {
+  margin-top: govuk-spacing(3);
+  margin-bottom: govuk-spacing(6);
+}
+
 .app-document-list__item {
-  margin-bottom: govuk-spacing(4);
+  margin-bottom: govuk-spacing(3);
 
   &:last-child {
     margin-bottom: 0;
diff --git a/app/views/layouts/_collection_resources.html.erb b/app/views/layouts/_collection_resources.html.erb
index 4be268e7a..726cd1a86 100644
--- a/app/views/layouts/_collection_resources.html.erb
+++ b/app/views/layouts/_collection_resources.html.erb
@@ -1,16 +1,22 @@
 <div class="app-card">
-  <h2 class="govuk-heading-s">Collection resources</h2>
+  <p class="govuk-body-l govuk-!-margin-bottom-3">Collection resources</p>
+  <p class="govuk-body govuk-!-margin-bottom-6">For lettings starting during 1 April 2023 - 31 March 2024 and sales completing during the same period, use the 23/24 forms.</p>
 
+  <h2 class="govuk-body-l govuk-!-margin-bottom-3">Lettings 23/24</h2>
+  <%= render DocumentListComponent.new(items: [
+    {
+      name: "Lettings log for tenants (2023/24)",
+      href: "https://core.communities.gov.uk/public/download/guides-and-manuals/2023-24%20Lettings%20paper%20form.pdf?download-format=pdf",
+      metadata: "PDF, 281 KB, 8 pages",
+    },
+  ]) %>
+
+  <h2 class="govuk-body-l govuk-!-margin-bottom-3">Lettings 22/23</h2>
   <%= render DocumentListComponent.new(items: [
     {
       name: "Lettings log for tenants (2022/23)",
       href: "https://core.communities.gov.uk/public/download/guides-and-manuals/2022-23%20Lettings%20paper%20form.pdf?download-format=pdf",
       metadata: "PDF, 654 KB, 4 pages",
     },
-    {
-      name: "Lettings log for tenants (2021/22)",
-      href: "https://core.communities.gov.uk/public/download/guides-and-manuals/2021_22%20Lettings%20Log.pdf?download-format=pdf",
-      metadata: "PDF, 302 KB, 3 pages",
-    },
   ]) %>
 </div>