From 1ce74600786bea6e940c84bf01a227e7657131a7 Mon Sep 17 00:00:00 2001 From: Mat Johnson Date: Fri, 25 Sep 2026 10:31:30 +0100 Subject: [PATCH 1/2] Use compressed spacing as per Manage prototype --- app/assets/sass/main.scss | 80 +++++++++++++++++++++++++++++++++++---- 1 file changed, 72 insertions(+), 8 deletions(-) diff --git a/app/assets/sass/main.scss b/app/assets/sass/main.scss index b57d3ddb..701efcd1 100755 --- a/app/assets/sass/main.scss +++ b/app/assets/sass/main.scss @@ -3,15 +3,79 @@ @forward "nhsuk-frontend/dist/nhsuk/nhsuk" with ( $nhsuk-page-width: 1280px, + + // Adds fifths to the NHS default widths. The frontend generates a + // .nhsuk-grid-column-* class for every key in this map. $nhsuk-grid-widths: ( - one-quarter: math.percentage(math.div(1, 4)), - one-third: math.percentage(math.div(1, 3)), - one-half: math.percentage(math.div(1, 2)), - two-thirds: math.percentage(math.div(2, 3)), - three-quarters: math.percentage(math.div(3, 4)), - one-fifth: math.percentage(math.div(1, 5)), - four-fifths: math.percentage(math.div(4, 5)), - full: 100% + one-quarter: math.percentage(math.div(1, 4)), + one-third: math.percentage(math.div(1, 3)), + one-half: math.percentage(math.div(1, 2)), + two-thirds: math.percentage(math.div(2, 3)), + three-quarters: math.percentage(math.div(3, 4)), + one-fifth: math.percentage(math.div(1, 5)), + four-fifths: math.percentage(math.div(4, 5)), + full: 100% + ), + + $nhsuk-gutter: 24px, + + // Reduce layout spacing points (5–9). Points 0–4 stay at NHS defaults. + // Checkbox and radio geometry is fixed in px rather than driven by the spacing scale, + // and _compact.scss applies the --small variant to all checkboxes/radios. + $nhsuk-spacing-points: ( + 0: 0, + 1: 4px, + 2: 8px, + 3: 16px, + 4: 20px, + 5: 24px, + 6: 32px, + 7: 40px, + 8: 48px, + 9: 56px + ), + + $nhsuk-spacing-responsive-scale: ( + 0: ( + null: 0, + tablet: 0 + ), + 1: ( + null: 4px, + tablet: 4px + ), + 2: ( + null: 8px, + tablet: 8px + ), + 3: ( + null: 8px, + tablet: 16px + ), + 4: ( + null: 16px, + tablet: 20px + ), + 5: ( + null: 16px, + tablet: 24px + ), + 6: ( + null: 24px, + tablet: 32px + ), + 7: ( + null: 32px, + tablet: 40px + ), + 8: ( + null: 40px, + tablet: 48px + ), + 9: ( + null: 48px, + tablet: 56px + ) ) ); From 68e69318d0ab38f7077b5b2b3518b1d3db73737c Mon Sep 17 00:00:00 2001 From: Mat Johnson Date: Fri, 25 Sep 2026 10:33:01 +0100 Subject: [PATCH 2/2] Update app title to Run breast screening in England --- app/config.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/config.js b/app/config.js index f2f2928e..97df32f5 100644 --- a/app/config.js +++ b/app/config.js @@ -2,7 +2,7 @@ module.exports = { // Service name - serviceName: 'Cohort to clinic prototype', + serviceName: 'Run breast screening in England', // Port to run the prototype on locally port: 3000