nhsuk-frontend
nhsuk-frontend copied to clipboard
Improve line spacing on summary list
What
Summary list rows with multiple values can be difficult to differentiate when text wraps onto multiple lines.
For example:
Our summary list is based on GOV.UK, with our styling applied. Compared to GOV.UK, our styling has slightly more line-height, and slightly less margin between paragraphs.
Therefore, to enhance readability, I suggest that we increase the margin slightly, from 8px to 12px.
Proposed design example:
Why
To improve readability of summary lists that run onto multiple lines, making lists easier to read and scan, therefore improving the usability of the summary list component.