Swap bolded columns on availability summary list

ministryofjustice · Dec 19, 2024 · c67bb2e · c67bb2e
1 parent 123a7e1
commit c67bb2e
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 3 deletions.
diff --git a/assets/sass/components/_summary-list.scss b/assets/sass/components/_summary-list.scss
@@ -25,3 +25,12 @@
   color: govuk-colour("dark-grey");
 }
 
+.govuk-summary-list--swap-bolding {
+  .govuk-summary-list__key {
+    font-weight: normal;
+  }
+
+  .govuk-summary-list__value {
+    font-weight: 700;
+  }
+}
diff --git a/integration_tests/tests/match/match.cy.ts b/integration_tests/tests/match/match.cy.ts
@@ -239,12 +239,12 @@ context('Placement Requests', () => {
     // And I should see an occupancy calendar
     occupancyViewPage.shouldShowOccupancyCalendar(premiseCapacity)
 
-    // Then I should see the calendar again
-    occupancyViewPage.shouldShowOccupancyCalendar(premiseCapacity)
-
     // And I should be able to see the day's availability details
     shouldShowDayDetailsAndReturn(occupancyViewPage, addDays(startDate, 10), premises, premiseCapacity)
 
+    // Then I should see the calendar again
+    occupancyViewPage.shouldShowOccupancyCalendar(premiseCapacity)
+
     // When I filter with an invalid date
     occupancyViewPage.filterAvailability('2025-02-35')
 

diff --git a/server/views/match/placementRequests/occupancyView/viewDay.njk b/server/views/match/placementRequests/occupancyView/viewDay.njk
@@ -31,6 +31,7 @@
             {% endif %}
 
             {{ govukSummaryList({
+                classes: 'govuk-summary-list--swap-bolding',
                 rows: availabilitySummaryListItems
             }) }}