Fix header styling (#107)

app/controllers/case_logs_controller.rb

@@ -64,7 +64,8 @@ class CaseLogsController < ApplicationController
       redirect_path = form.next_page_redirect_path(page, @case_log)
       redirect_to(send(redirect_path, @case_log))
     else
-      render "form/page", locals: { form: form, page: page }, status: :unprocessable_entity
+      subsection = form.subsection_for_page(page)
+      render "form/page", locals: { form: form, page: page, subsection: subsection.label }, status: :unprocessable_entity
     end
   end
 
@@ -92,7 +93,8 @@ class CaseLogsController < ApplicationController
   form.pages.map do |page|
     define_method(page.id) do |_errors = {}|
       @case_log = CaseLog.find(params[:case_log_id])
-      render "form/page", locals: { form: form, page: page }
+      subsection = form.subsection_for_page(page)
+      render "form/page", locals: { form: form, page: page, subsection: subsection.label }
     end
   end
 

app/views/case_logs/edit.html.erb

@@ -1,7 +1,7 @@
 <%= turbo_frame_tag "case_log_form", target: "_top" do %>
   <div class="govuk-grid-row">
     <div class="govuk-grid-column-two-thirds-from-desktop">
-      <h1 class="govuk-heading-xl">Tasklist for log
+      <h1 class="govuk-heading-l">Tasklist for log
         <%= @case_log.id %></h1>
 
       <h2 class="govuk-heading-s govuk-!-margin-bottom-2">This submission is

app/views/case_logs/index.html.erb

@@ -1,6 +1,6 @@
 <div class="govuk-grid-row">
   <div class="govuk-grid-column-full">
-    <h1 class="govuk-heading-xl">Your logs</h1>
+    <h1 class="govuk-heading-l">Your logs</h1>
   </div>
   <div class="govuk-grid-column-two-thirds-from-desktop">
 

app/views/form/_checkbox_question.html.erb

@@ -1,5 +1,5 @@
 <%= f.govuk_check_boxes_fieldset question.id.to_sym,
-    legend: { text: question.header.html_safe, size: "l" },
+    legend: { text: question.header.html_safe, size: page_header.nil? ? "l" : "m", tag: page_header.nil? ? "h2" : "h1" },
     hint: { text: question.hint_text } do %>
 
     <% question.answer_options.map do |key, val| %>

app/views/form/_date_question.html.erb

@@ -1,6 +1,6 @@
 <%= f.govuk_date_field question.id.to_sym,
     hint: { text: question.hint_text },
-    legend: { text: question.header.html_safe, size: "l"},
+    legend: { text: question.header.html_safe, size: page_header.nil? ? "l" : "m", tag: page_header.nil? ? "h2" : "h1" },
     width: 20,
     **stimulus_html_attributes(question)
 %>

app/views/form/_numeric_question.html.erb

@@ -1,6 +1,6 @@
 <%= f.govuk_number_field question.id.to_sym,
     hint: { text: question.hint_text },
-    label: { text: question.header.html_safe, size: "l"},
+    label: { text: question.header.html_safe, size: page_header.nil? ? "l" : "m", tag: page_header.nil? ? "h2" : "h1" },
     min: question.min, max: question.max, step: question.step,
     width: 20, :readonly => question.read_only?,
    **stimulus_html_attributes(question)

app/views/form/_radio_question.html.erb

@@ -1,5 +1,5 @@
 <%= f.govuk_radio_buttons_fieldset question.id.to_sym,
-    legend: { text: question.header.html_safe, size: "l" },
+    legend: { text: question.header.html_safe, size: page_header.nil? ? "l" : "m", tag: page_header.nil? ? "h2" : "h1" },
     hint: { text: question.hint_text },
     small: (question.answer_options.size > 5) do %>
 

app/views/form/_select_question.html.erb

@@ -3,6 +3,6 @@
     answers,
     :name,
     :name,
-    label: { text: question.header},
+    label: { text: question.header, size: page_header.nil? ? "l" : "m", tag: page_header.nil? ? "h2" : "h1" },
     hint: { text: question.hint_text }
  %>

app/views/form/_text_question.html.erb

@@ -1,6 +1,6 @@
 <%= f.govuk_text_field question.id.to_sym,
     hint: { text: question.hint_text },
-    label: { text: question.header.html_safe, size: "l"},
+    label: { text: question.header.html_safe, size: page_header.nil? ? "l" : "m", tag: page_header.nil? ? "h2" : "h1" },
     width: 20,
     **stimulus_html_attributes(question)
 %>

app/views/form/page.html.erb

@@ -5,8 +5,11 @@
 <%= turbo_frame_tag "case_log_form", target: "_top" do %>
   <div class="govuk-grid-row">
     <div class="govuk-grid-column-two-thirds-from-desktop">
+      <span class="govuk-caption-l">
+        <%= subsection %>
+      </span>
       <% if page.header.present? %>
-        <h1 class="govuk-heading-xl">
+        <h1 class="govuk-heading-l">
           <%= page.header %>
         </h1>
       <% end %>
@@ -14,7 +17,7 @@
         <%= f.govuk_error_summary %>
         <% page.questions.map do |question| %>
           <div id=<%= question.id + "_div " %><%= display_question_key_div(page, question) %> >
-            <%= render partial: "form/#{question.type}_question", locals: { question: question, f: f } %>
+            <%= render partial: "form/#{question.type}_question", locals: { question: question, page_header: page.header, f: f } %>
           </div>
         <% end %>