From 8e949ce70fcc91f1ba5adb6e81d4d918b73c027f Mon Sep 17 00:00:00 2001
From: Shujat Khalid <khalidshujat@gmail.com>
Date: Fri, 3 Nov 2023 10:00:51 +0000
Subject: [PATCH] Remove task list indentation with no section title

We only want the indentation with a section title as it lines up with
the number of the section.
---
 app/assets/stylesheets/_task_list.scss      | 7 +++++++
 app/components/task_list/component.html.erb | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/_task_list.scss b/app/assets/stylesheets/_task_list.scss
index 470ed6f216..dca012f558 100644
--- a/app/assets/stylesheets/_task_list.scss
+++ b/app/assets/stylesheets/_task_list.scss
@@ -22,6 +22,13 @@
   }
 }
 
+.app-task-list__items-no-indentation {
+  @include govuk-font($size: 19);
+  @include govuk-responsive-margin(9, "bottom");
+  list-style: none;
+  padding-left: 0;
+}
+
 .app-task-list__items {
   @include govuk-font($size: 19);
   @include govuk-responsive-margin(9, "bottom");
diff --git a/app/components/task_list/component.html.erb b/app/components/task_list/component.html.erb
index 7516c8b8ad..9507c59a31 100644
--- a/app/components/task_list/component.html.erb
+++ b/app/components/task_list/component.html.erb
@@ -9,7 +9,7 @@
         <%= section[:title] %>
       </h2>
 
-      <ul class="app-task-list__items">
+      <ul class="<%= section[:title].present? ? 'app-task-list__items' : 'app-task-list__items-no-indentation' %>">
         <% section[:items].each do |item| %>
           <li class="app-task-list__item">
             <% status_id = "#{section[:number]}-#{section[:key]}-#{item[:key]}-status" %>