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.
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.