Incorrect content width on summary list rows when not all rows have actions

[fofr]

Description of the issue

When using the summary-list nunjucks macro, when some rows have actions and some do not, the width given to the values in the row becomes too thin. This is most notable when using long content.

If all rows have actions the content has the correct width.

This commit could be the culprit: 2935863

v3.14	v4.0	v4.0 with just one row

v4	If I add width 50% to the container

Design system examples

This bug is visible on the design system examples too (https://design-system.service.gov.uk/components/summary-list/#adding-actions-to-each-row) – look at the two contact details rows:

Steps to reproduce the issue

See design system example

Actual vs expected behaviour

Expected content to remain the same width

Environment (where applicable)

• Operating system: Mac
• Browser: Chrome
• Browser version: 96
• GOV.UK Frontend Version: 4.0.0

[36degrees]

This seems to happen specifically if the first row does not have actions, at least in Chrome.

Setting width: 20% on .govuk-summary-list__row--no-actions:after seems to fix it – though we also probably only need the pseudo-element at all on tablet and above.