Consistent heaading sizes in the clinic booking journey

malross · malross · commit 68391621495a · 2026-03-20T19:00:25.000Z
Start page and final confirmation page have XL-sized main headings, so the subheadings are accordingly L-sized. Elsewhere, it's L-size at the top level.
diff --git a/app/views/book-into-a-clinic/form/address.njk b/app/views/book-into-a-clinic/form/address.njk
@@ -6,9 +6,8 @@
   {% call fieldset({
     legend: {
       html: appHeading({
-        classes: "nhsuk-fieldset__legend--l",
         title: title,
-        caption: __("clinicBooking.appointment.caption", fullName) if transaction.childCount > 1
+        caption: __("clinicBooking.appointment.caption", fullName) if childCount > 1
       })
     }
   }) %}
diff --git a/app/views/book-into-a-clinic/form/adjustments.njk b/app/views/book-into-a-clinic/form/adjustments.njk
@@ -10,7 +10,6 @@
     fieldset: {
       legend: {
         html: appHeading({
-          classes: "nhsuk-fieldset__legend--l",
           title: title,
           caption: __("clinicBooking.healthAnswers.caption", fullName) if childCount > 1
         })
diff --git a/app/views/book-into-a-clinic/form/appointment-time-range.njk b/app/views/book-into-a-clinic/form/appointment-time-range.njk
@@ -5,7 +5,7 @@
 {% block form %}
   {{ appHeading({
     title: title,
-    caption: __("clinicBooking.appointment.caption", fullName) if transaction.childCount > 1
+    caption: __("clinicBooking.appointment.caption", fullName) if childCount > 1
   }) }}
 
   {#
diff --git a/app/views/book-into-a-clinic/form/clinic-date.njk b/app/views/book-into-a-clinic/form/clinic-date.njk
@@ -5,7 +5,7 @@
 {% block form %}
   {{ appHeading({
     title: title,
-    caption: __("clinicBooking.appointment.caption", fullName) if transaction.childCount > 1
+    caption: __("clinicBooking.appointment.caption", fullName) if childCount > 1
   }) }}
 
   {{ __("clinicBooking.clinicDate.location") | nhsukMarkdown }}
diff --git a/app/views/book-into-a-clinic/form/clinic-location.njk b/app/views/book-into-a-clinic/form/clinic-location.njk
@@ -7,9 +7,8 @@
     fieldset: {
       legend: {
         html: appHeading({
-          classes: "nhsuk-fieldset__legend--l",
           title: title,
-          caption: __("clinicBooking.appointment.caption", fullName) if transaction.childCount > 1
+          caption: __("clinicBooking.appointment.caption", fullName) if childCount > 1
         })
       }
     },
diff --git a/app/views/book-into-a-clinic/form/confirmation.njk b/app/views/book-into-a-clinic/form/confirmation.njk
@@ -19,7 +19,9 @@
         </p>
       {% endcall %}
 
-      <h2>What happens next?</h2>
+      <h2 class="nhsuk-heading-l">
+        What happens next?
+      </h2>
 
       <p>
         If you entered an email address, you’ll get a confirmation email with your booking details.
@@ -31,7 +33,9 @@
         Doing this ahead of the clinic will save time on the day.
       </p>
 
-      <h2>Help us to improve this service</h2>
+      <h2 class="nhsuk-heading-l">
+        Help us to improve this service
+      </h2>
 
       <p>
         Are you willing to answer some questions about your visit today? This typically takes around 2 minutes.
diff --git a/app/views/book-into-a-clinic/form/dob.njk b/app/views/book-into-a-clinic/form/dob.njk
@@ -7,9 +7,8 @@
     fieldset: {
       legend: {
         html: appHeading({
-          classes: "nhsuk-fieldset__legend--l",
           title: title,
-          caption: __("clinicBooking.appointment.caption", fullName) if transaction.childCount > 1
+          caption: __("clinicBooking.appointment.caption", fullName) if childCount > 1
         })
       }
     },
diff --git a/app/views/book-into-a-clinic/form/extra-time.njk b/app/views/book-into-a-clinic/form/extra-time.njk
@@ -14,9 +14,8 @@
     fieldset: {
       legend: {
         html: appHeading({
-          classes: "nhsuk-fieldset__legend--l",
           title: title,
-          caption: __("clinicBooking.appointment.caption", fullName) if transaction.childCount > 1
+          caption: __("clinicBooking.appointment.caption", fullName) if childCount > 1
         })
       }
     },
diff --git a/app/views/book-into-a-clinic/form/health-question.njk b/app/views/book-into-a-clinic/form/health-question.njk
@@ -9,7 +9,6 @@
   {% call fieldset({
     legend: {
       html: appHeading({
-        classes: "nhsuk-fieldset__legend--l",
         title: title | replace('the child', 'your child'),
         caption: __("clinicBooking.healthAnswers.caption", fullName) if childCount > 1
       })
diff --git a/app/views/book-into-a-clinic/form/impairments.njk b/app/views/book-into-a-clinic/form/impairments.njk
@@ -7,7 +7,6 @@
     fieldset: {
       legend: {
         html: appHeading({
-          classes: "nhsuk-fieldset__legend--l",
           title: title,
           caption: __("clinicBooking.healthAnswers.caption", fullName) if childCount > 1
         })
diff --git a/app/views/book-into-a-clinic/form/parental-relationship.njk b/app/views/book-into-a-clinic/form/parental-relationship.njk
@@ -5,7 +5,7 @@
 {% block form %}
   {{ appHeading({
     title: title,
-    caption: __("clinicBooking.appointment.caption", fullName) if transaction.childCount > 1
+    caption: __("clinicBooking.appointment.caption", fullName) if childCount > 1
   }) }}
 
   {%- set fosterCarerHtml = radios({
diff --git a/app/views/book-into-a-clinic/form/parental-responsibility.njk b/app/views/book-into-a-clinic/form/parental-responsibility.njk
@@ -7,7 +7,7 @@
     <div class="nhsuk-grid-column-two-thirds">
       {{ appHeading({
         title: title,
-        caption: __("clinicBooking.appointment.caption", fullName) if transaction.childCount > 1
+        caption: __("clinicBooking.appointment.caption", fullName) if childCount > 1
       }) }}
 
       {#
diff --git a/app/views/book-into-a-clinic/form/preferred-location-matches.njk b/app/views/book-into-a-clinic/form/preferred-location-matches.njk
@@ -5,7 +5,7 @@
 {% block form %}
   {{ appHeading({
     title: title,
-    caption: __("clinicBooking.appointment.caption", fullName) if transaction.childCount > 1
+    caption: __("clinicBooking.appointment.caption", fullName) if childCount > 1
   }) }}
 
   {{ radios({
diff --git a/app/views/book-into-a-clinic/form/preferred-location.njk b/app/views/book-into-a-clinic/form/preferred-location.njk
@@ -5,7 +5,7 @@
 {% block form %}
   {{ appHeading({
     title: title,
-    caption: __("clinicBooking.appointment.caption", fullName) if transaction.childCount > 1
+    caption: __("clinicBooking.appointment.caption", fullName) if childCount > 1
   }) }}
 
   {{ input({
diff --git a/app/views/book-into-a-clinic/form/vaccination-choice.njk b/app/views/book-into-a-clinic/form/vaccination-choice.njk
@@ -5,38 +5,14 @@
 {% block form %}
   {{ appHeading({
     title: title,
-    caption: __("clinicBooking.appointment.caption", fullName) if transaction.childCount > 1
+    caption: __("clinicBooking.appointment.caption", fullName) if childCount > 1
   }) }}
 
-  {# MAL: remove the 'or true' here that I'm using to check the primary programme name #}
-  {# {% if appointment.patient or true %}
-    {% set insetTextHtml %}
-      <h3>Catch-up vaccinations</h3>
-      <p>
-        While this clinic is primarily for {{ booking.formatted.primaryProgramme }} vaccinations, our records show that
-        {{ firstName }} is also eligible for other vaccinations.
-      </p>
-    {% endset %}
-
-    {{ insetText({
-      html: insetTextHtml
-    }) }}
-  {% endif %} #}
-
   <p>
     While this clinic is primarily for {{ booking.formatted.primaryProgramme }} vaccinations, our records show that
     {{ firstName }} is also eligible for other vaccinations.
   </p>
 
-  {#
-    REMOVED because it's distracting, risks parents dropping out of the flow, and the new hint text might explain enough
-    to satisfy parents
-  <p>
-    You can <a href="https://www.nhs.uk/vaccinations/nhs-vaccinations-and-when-to-have-them/">find out more about which
-    vaccinations are due when on NHS.UK</a>.
-  </p>
-  #}
-
   {% set programmeOptions = [] %}
   {% for programme in appointment.eligibleProgrammes %}
     {# MAL: where did I copy this from? Do I need to add name property to ensure the programme IDs (and not the programme titles) are put into the request body? #}
diff --git a/app/views/book-into-a-clinic/start.njk b/app/views/book-into-a-clinic/start.njk
@@ -20,7 +20,7 @@
         vaccinations during their appointment.
       </p>
 
-      <h2 class="nhsuk-heading-m">
+      <h2 class="nhsuk-heading-l">
         {{ __("clinicBooking.start.confirm.title") }}
       </h2>
 
@@ -29,7 +29,7 @@
         href: "/book-into-a-clinic/" + sessionPreset.slug + "/new"
       }) }}
 
-      <h3 class="nhsuk-heading-s">
+      <h3 class="nhsuk-heading-m">
         {{ __("clinicBooking.start.otherMethods.title") }}
       </h3>
 
