List tables CSS: inconsistent alignments

[afercia]

While working on #31654 noticed inconsistencies in the alignments of the checkboxes and also some other small details in the List Tables that would need a bit of love, see the screenshot below for some examples. This would also greatly simplify the List Tables CSS where many (crazy) selectors are just to override exceptions that override other exceptions etc. See also related #29990.

A possible plan would be:

• stick to a default padding for the cells with checkboxes (10px ?)
• the checkbox in the table headers would probably need no padding and vertical-align: middle to handle #29990
• handle the special case for comments, plugins and network themes in a consistent way
• there's a 1 pixel difference in the vertical alignment of links and normal text in the table headers
• images should be consistently aligned

[swissspidy]

With the recent improvements to list tables, is this still an issue?

[afercia]

Maybe a couple of things were improved in recent developments, still there's some CSS chaos to do a thing that should be simpler. I'd agree this should probably be handled as part of a major CSS audit, see the CSS roadmap. Maybe it should have been marked as enhancement since the beginning. Would you agree to mark it as enhancement for a future release?

[swissspidy]

Works for me :)

[helen]

list-tables.css L385: /* @todo: pick a consistent list table selector */

Chaos is still too nice of a word for it. We'll get here, someday. In the meantime, figuring out what all the visual test cases we would need for list tables would be good, as visual regression testing is a critical component of the clean up plan.

[netweb]

Not sure how the milestone was removed here, adding it back to future-release