Remove padding-right from last column in summary list row

[querkmachine]

Tiny change to CSS so that the last column in a summary list always has right padding removed, not only if the last column is an actions column. Resolves #1928.

The line that removes right padding from the actions column has been maintained for IE8, which doesn't support :last-child.

[36degrees]

Neat solution 👍🏻

One thing to be aware of is that when only some rows in a summary list have actions, there will only be padding on the 'value' column when there are actions.

(The rows that don't have actions use a pseudo-element to fill the void where the actions would be be, and TIL that pseudo-elements 'do not affect the interpretation of structural pseudo-classes'.)

I don't think this is necessarily worth worrying about, as there's no need for a 'gap' before the non-existent actions, but the text in the rows with and without actions will wrap at different points:

@christopherthomasdesign or @Ciandelle thoughts? Any concerns with this approach?

[christopherthomasdesign]

I think ideally all items in the same column would align with one another, but I don't think it's super critical here. I've seen summary cards used for large blocks of text but they're more commonly used for individual lines or lists, where you wouldn't really notice the difference. Even for blocks of text, the ragged right edge of it will obscure the lack of alignment a bit.

So unless there's a simple way to make something like Ollie's screenshot above line up, I'm pretty happy to go with this approach tbh

[querkmachine]

I've resolved the above alignment issue by adding a :not selector to exclude no-actions rows from removing the right padding.

.govuk-summary-list__row:not(.govuk-summary-list__row--no-actions) > :last-child {
    padding-right: 0;
}

[36degrees]

👏🏻 👍🏻