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.
DFE-Digital · Nov 8, 2023 · 244b18a · 244b18a
1 parent 731874c
commit 244b18a
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git 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
@@ -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" %>