From 4679c8f860bc915c230f5bb06937b8c29e42e9af Mon Sep 17 00:00:00 2001
From: Shujat Khalid <khalidshujat@gmail.com>
Date: Fri, 3 Nov 2023 10:00:51 +0000
Subject: [PATCH] removed left indentation

---
 app/assets/stylesheets/_task_list.scss      | 10 ++++++++++
 app/components/task_list/component.html.erb |  2 +-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/_task_list.scss b/app/assets/stylesheets/_task_list.scss
index 470ed6f216..a71f76d71b 100644
--- a/app/assets/stylesheets/_task_list.scss
+++ b/app/assets/stylesheets/_task_list.scss
@@ -22,6 +22,16 @@
   }
 }
 
+.app-task-list__items-no-indentation {
+  @include govuk-font($size: 19);
+  @include govuk-responsive-margin(9, "bottom");
+  list-style: none;
+  padding-left: 0;
+  @include govuk-media-query($from: tablet) {
+    padding-left: govuk-spacing(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" %>