Space out mobile row actions

[jobthomas]

On mobile, if there are multiple row actions expanding over more than 1 line, the actions on both lines are very cramped together making it easy to click the wrong item.

I'll submit a small patch spacing that out a bit better.

[joyously]

Are you sure you didn't upload the same image twice?

[melchoyce]

How about some more horizontal space in addition to the vertical space?

@joyously — check out the actions at the bottom (unapprove/reply/etc.). The bottom screenshot has more vertical space.

[jobthomas]

Replying to melchoyce:

How about some more horizontal space in addition to the vertical space?

@joyously — check out the actions at the bottom (unapprove/reply/etc.). The bottom screenshot has more vertical space.

Sounds good. Working on that.

[melchoyce]

Hey @jobthomas, I think you may have had another patch applied when you made this one.

[jobthomas]

Small update coming - deleting .mobile makes that the plugins' row actions look more consistent as well (see screenshot below)

[jobthomas]

Fixed @melchoyce

[melchoyce]

Looking good. Two quick comments:

1. What if we move the padding to the a, so the link touch-target is larger?
2. Can we remove the right padding on the last item in the list?

[jobthomas]

Thanks for the input - see new patch

[jobthomas]

Thanks @ryelle - I've added a small change to exclude plugins-php as that looked a bit odd.

[melchoyce]

In 43670:

List Tables: Arrange action items into a grid with extra space.

On small screens, list table actions were cramped. This makes it easy to press the wrong action by mistake. The items are now arranged into a grid and given extra room to create a larger tap-target.

The plugins list table was excluded because it's current layout doesn't match the others, and we should add more space to this in a future commit.

Props jobthomas, ryelle.
Fixes #45024.