From b059ea0e3245f227e23cb15defae92582ef07c77 Mon Sep 17 00:00:00 2001
From: Cristina <579522+CristinaRO@users.noreply.github.com>
Date: Thu, 15 Feb 2024 16:54:31 +0000
Subject: [PATCH] Allow table cell text to align left

For users with certain access needs (for example tunnel vision), the
empty space between the table heading (in vertical table mode) and the
table cell content causes difficulties.

I found that the text would not become properly left-aligned at all
magnification steps until I changed both the `text-align` property of all
table cells, and the `justify-content` property.
---
 app/assets/stylesheets/components/_table.scss | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/components/_table.scss b/app/assets/stylesheets/components/_table.scss
index 64011b35cf..9abdc1bd37 100644
--- a/app/assets/stylesheets/components/_table.scss
+++ b/app/assets/stylesheets/components/_table.scss
@@ -153,9 +153,8 @@ $table-row-even-background-colour: govuk-colour("light-grey", $legacy: "grey-4")
 
   .govuk-table__cell {
     display: flex;
-    justify-content: space-between;
     min-width: 1px;
-    text-align: right;
+    text-align: left;
   }
 
   @include govuk-media-query($until: $vertical-on-smallscreen-breakpoint) {