Skip to content

Commit

Permalink
Allow table cell text to align left
Browse files Browse the repository at this point in the history
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.
  • Loading branch information
CristinaRO committed Feb 15, 2024
1 parent f55de77 commit b059ea0
Showing 1 changed file with 1 addition and 2 deletions.
3 changes: 1 addition & 2 deletions app/assets/stylesheets/components/_table.scss
Original file line number Diff line number Diff line change
Expand Up @@ -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) {
Expand Down

0 comments on commit b059ea0

Please sign in to comment.