Merge pull request #4563 from alphagov/update-list-on-help-to-align-w…

…ith-feedback Align help with contact by using gem document-list and adjusting spacing and borders
alphagov · Jan 14, 2025 · 2c0a1a1 · 2c0a1a1
2 parents e58a4ee + 78081a5
commit 2c0a1a1
Showing 1 changed file with 82 additions and 21 deletions.
diff --git a/app/views/help/index.html.erb b/app/views/help/index.html.erb
@@ -8,28 +8,89 @@
     <div class="govuk-grid-column-two-thirds">
       <%= render "govuk_publishing_components/components/title", title: "Help using GOV.UK" %>
       <p class="govuk-body govuk-!-margin-bottom-8"><%= t('help.index.find_out') %></p>
-      <%= render "govuk_publishing_components/components/list", {
+      <%= render "govuk_publishing_components/components/document_list", {
+        equal_item_spacing: true,
         items: [
-          sanitize("<a href='/help/about-govuk' class='govuk-link govuk-!-font-weight-bold'>" + t('help.index.about') + "</a>
-          <p class='govuk-body govuk-!-margin-top-1'>" + t('help.index.about_description') + "</p>"),
-          sanitize("<a href='/help/accessibility' class='govuk-link govuk-!-font-weight-bold'>" + t('help.index.accessibility') + "</a>
-          <p class='govuk-body govuk-!-margin-top-1'>" + t('help.index.accessibility_description') + "</p>"),
-          sanitize("<a href='/help/beta' class='govuk-link govuk-!-font-weight-bold'>" + t('help.index.beta') + "</a>
-          <p class='govuk-body govuk-!-margin-top-1'>" + t('help.index.beta_description') + "</p>"),
-          sanitize("<a href='/help/browsers' class='govuk-link govuk-!-font-weight-bold'>" + t('help.index.browsers') + "</a>
-          <p class='govuk-body govuk-!-margin-top-1'>" + t('help.index.browsers_description') + "</p>"),
-          sanitize("<a href='/help/cookies' class='govuk-link govuk-!-font-weight-bold'>" + t('help.index.cookies') + "</a>
-          <p class='govuk-body govuk-!-margin-top-1'>" + t('help.index.cookies_description') + "</p>"),
-          sanitize("<a href='/help/update-email-notifications' class='govuk-link govuk-!-font-weight-bold'>" + t('help.index.email') + "</a>
-          <p class='govuk-body govuk-!-margin-top-1'>" + t('help.index.email_description') + "</p>"),
-          sanitize("<a href='/help/privacy-notice' class='govuk-link govuk-!-font-weight-bold'>" + t('help.index.privacy_notice') + "</a>
-          <p class='govuk-body govuk-!-margin-top-1'>" + t('help.index.privacy_notice_description') + "</p>"),
-          sanitize("<a href='/help/report-vulnerability' class='govuk-link govuk-!-font-weight-bold'>" + t('help.index.vulnerability') + "</a>
-          <p class='govuk-body govuk-!-margin-top-1'>" + t('help.index.vulnerability_description') + "</p>"),
-          sanitize("<a href='/help/reuse-govuk-content' class='govuk-link govuk-!-font-weight-bold'>" + t('help.index.reuse_content') + "</a>
-          <p class='govuk-body govuk-!-margin-top-1'>" + t('help.index.reuse_content_description') + "</p>"),
-          sanitize("<a href='/help/terms-conditions' class='govuk-link govuk-!-font-weight-bold'>" + t('help.index.terms') + "</a>
-          <p class='govuk-body govuk-!-margin-top-1'>" + t('help.index.terms_description') + "</p>")
+          {
+            link: {
+              text: t('help.index.about'),
+              path: "/help/about-govuk",
+              description: t('help.index.about_description'),
+              full_size_description: true
+            }
+          },
+          {
+            link: {
+              text: t('help.index.accessibility'),
+              path: "/help/accessibility",
+              description: t('help.index.accessibility_description'),
+              full_size_description: true
+            }
+          },
+          {
+            link: {
+              text: t('help.index.beta'),
+              path: "/help/beta",
+              description: t('help.index.beta_description'),
+              full_size_description: true
+            }
+          },
+          {
+             link: {
+              text: t('help.index.browsers'),
+              path: "/help/browsers",
+              description: t('help.index.browsers_description'),
+              full_size_description: true
+            }
+          },
+          {
+            link: {
+              text: t('help.index.cookies'),
+              path: "/help/cookies",
+              description: t('help.index.cookies_description'),
+              full_size_description: true
+           }
+          },
+          {
+            link: {
+              text: t('help.index.email'),
+              path: "/help/update-email-notifications",
+              description: t('help.index.email_description'),
+              full_size_description: true
+            }
+          },
+          {
+            link: {
+              text: t('help.index.privacy_notice'),
+              path: "/help/privacy-notice",
+              description: t('help.index.privacy_notice_description'),
+              full_size_description: true
+            }  
+          },
+          {
+            link: {
+              text: t('help.index.vulnerability'),
+              path: "/help/report-vulnerability",
+              description: t('help.index.vulnerability_description'),
+              full_size_description: true
+            }
+          },
+          {
+            link: {
+              text: t('help.index.reuse_content'),
+              path: "/help/reuse-govuk-content",
+              description: t('help.index.reuse_content_description'),
+              full_size_description: true
+            }
+          },
+          {
+            link: {
+              text: t('help.index.terms'),
+              path: "/help/terms-conditions",
+              description: t('help.index.terms_description'),
+              full_size_description: true
+            }
+          }
         ]
       } %>
     </div>