nhsuk/nhsuk-frontend

Improve line spacing on summary list

anandamaryon1 opened this issue · 0 comments

What

Summary list rows with multiple values can be difficult to differentiate when text wraps onto multiple lines.

For example:
image

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:
image

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.