Centre align summary list change links

This has been requested by our designer.
DFE-Digital · Feb 18, 2024 · 14fd599 · 14fd599
1 parent 007831a
commit 14fd599
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 4 deletions.
diff --git a/app/assets/stylesheets/application.sass.scss b/app/assets/stylesheets/application.sass.scss
@@ -54,6 +54,10 @@ ul.autocomplete__menu {
   font-style: normal;
 }
 
+.app-summary-list .govuk-summary-list__actions {
+  vertical-align: middle;
+}
+
 .govuk-footer__navigation {
   margin-left: 0px;
   margin-right: 0px;

diff --git a/app/views/assessor_interface/assessment_recommendation_verify/edit.html.erb b/app/views/assessor_interface/assessment_recommendation_verify/edit.html.erb
@@ -5,7 +5,7 @@
 
 <p class="govuk-body">You have selected the following items for verification:</p>
 
-<%= govuk_summary_list do |summary_list| %>
+<%= govuk_summary_list(classes: %w[app-summary-list]) do |summary_list| %>
   <%= summary_list.with_row do |row|
     row.with_key { "Qualifications" }
     row.with_value do %>
@@ -19,13 +19,21 @@
         <p class="govuk-body">None selected</p>
       <% end %>
     <% end
-    row.with_action(text: "Change", href: verify_qualifications_assessor_interface_application_form_assessment_assessment_recommendation_verify_path(@application_form, @assessment, back_to_summary: "true"), visually_hidden_text: "qualifications")
+    row.with_action(
+      text: "Change",
+      href: verify_qualifications_assessor_interface_application_form_assessment_assessment_recommendation_verify_path(@application_form, @assessment, back_to_summary: "true"),
+      visually_hidden_text: "qualifications",
+    )
   end %>
 
   <%= summary_list.with_row do |row|
     row.with_key { "LoPS" }
     row.with_value { @professional_standing ? region_teaching_authority_name(@application_form.region).upcase_first : "Not selected" }
-    row.with_action(text: "Change", href: professional_standing_assessor_interface_application_form_assessment_assessment_recommendation_verify_path(@application_form, @assessment, back_to_summary: "true"), visually_hidden_text: "LoPS")
+    row.with_action(
+      text: "Change",
+      href: professional_standing_assessor_interface_application_form_assessment_assessment_recommendation_verify_path(@application_form, @assessment, back_to_summary: "true"),
+      visually_hidden_text: "LoPS",
+    )
   end %>
 
   <%= summary_list.with_row do |row|
@@ -37,7 +45,11 @@
         <% end %>
       </ul>
     <% end
-    row.with_action(text: "Change", href: reference_requests_assessor_interface_application_form_assessment_assessment_recommendation_verify_path(@application_form, @assessment, back_to_summary: "true"), visually_hidden_text: "references")
+    row.with_action(
+      text: "Change",
+      href: reference_requests_assessor_interface_application_form_assessment_assessment_recommendation_verify_path(@application_form, @assessment, back_to_summary: "true"),
+      visually_hidden_text: "references",
+    )
   end %>
 <% end %>