made table scrollable on mobile

jonathanwelch1-nhs · jonathanwelch1-nhs · commit fab2c02391e1 · 2025-11-06T16:34:50.000Z
diff --git a/packages/cpt-ui/src/styles/PrescriptionTable.scss b/packages/cpt-ui/src/styles/PrescriptionTable.scss
@@ -1,6 +1,7 @@
 .eps-prescription-table-container {
   width: 100%;
   margin-bottom: 2rem;
+  overflow-x: auto;
 }
 .results-container {
   max-width: 963px !important;
@@ -10,6 +11,7 @@
   border-collapse: collapse;
   background: #fff;
   font-family: Frutiger W01, Arial, Sans-serif;
+  min-width: 600px;
 }
 
 // Override NHS UK Table component styles for headers

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,7 @@`
`1`	`1`	`.eps-prescription-table-container {`
`2`	`2`	`width: 100%;`
`3`	`3`	`margin-bottom: 2rem;`
	`4`	`+ overflow-x: auto;`
`4`	`5`	`}`
`5`	`6`	`.results-container {`
`6`	`7`	`max-width: 963px !important;`
`@@ -10,6 +11,7 @@`
`10`	`11`	`border-collapse: collapse;`
`11`	`12`	`background: #fff;`
`12`	`13`	`font-family: Frutiger W01, Arial, Sans-serif;`
	`14`	`+ min-width: 600px;`
`13`	`15`	`}`
`14`	`16`
`15`	`17`	`// Override NHS UK Table component styles for headers`