Skip to content

Update responsive table row margin and border width#2000

Merged
colinrotherham merged 4 commits into
support/10.xfrom
reduce-responsive-table-margin
Jul 9, 2026
Merged

Update responsive table row margin and border width#2000
colinrotherham merged 4 commits into
support/10.xfrom
reduce-responsive-table-margin

Conversation

@anandamaryon1

@anandamaryon1 anandamaryon1 commented Jul 9, 2026

Copy link
Copy Markdown
Contributor

Description

Reduce the row margins (24px to 12px) on responsive tables to better match spacing with captions. Also allows more to be seen on screen at once. Border-bottom tweaked (3px to 4px) to match secondary cards and remove magic number.

Before After
Screenshot 2026-07-09 at 12 57 31 Screenshot 2026-07-09 at 12 57 48

(Ignore the background colour change, it's unrelated)

Checklist

@anandamaryon1 anandamaryon1 added this to the 10.6.0 milestone Jul 9, 2026
@colinrotherham colinrotherham temporarily deployed to nhsuk-frontend-pr-2000 July 9, 2026 12:00 Inactive
@anandamaryon1 anandamaryon1 temporarily deployed to nhsuk-frontend-pr-2000 July 9, 2026 15:05 Inactive
@colinrotherham colinrotherham force-pushed the reduce-responsive-table-margin branch from 6012b39 to 2aaa600 Compare July 9, 2026 16:57
@colinrotherham colinrotherham changed the title Reduce responsive table margin Update responsive table row margin and border width Jul 9, 2026
@colinrotherham colinrotherham temporarily deployed to nhsuk-frontend-pr-2000 July 9, 2026 16:57 Inactive
@colinrotherham colinrotherham merged commit c48dbbe into support/10.x Jul 9, 2026
23 checks passed
@colinrotherham colinrotherham deleted the reduce-responsive-table-margin branch July 9, 2026 17:26
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants