removed left indentation

DFE-Digital · Nov 3, 2023 · 4679c8f · 4679c8f
1 parent 796c6f9
commit 4679c8f
Show file tree

Hide file tree

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