set header styling via custom tasklist section css

4 years ago · 0444e6801a
2 changed files with 2 additions and 1 deletions
--- a/app/javascript/styles/_task-list.scss
+++ b/app/javascript/styles/_task-list.scss
@ -13,6 +13,7 @@

 .app-task-list__section {
  display: table;
+  @include govuk-font($size:24, $weight: bold);
 }

 .app-task-list__section-number {
--- a/app/views/case_logs/_tasklist.html.erb
+++ b/app/views/case_logs/_tasklist.html.erb
@ -1,7 +1,7 @@
 <ol class="app-task-list app-task-list--no-numbers">
  <% @form.sections.map do |section| %>
    <li>
-      <h2 class="app-task-list__section govuk-heading-m">
+      <h2 class="app-task-list__section">
        <span class="app-task-list__section-number">
          <%= section.label %>
        </span>