Dashboard Activity Widget: Improve alignment of comment actions in mobile view

[sainathpoojary]

In the Dashboard → Activity widget, on mobile or narrow screens, comment actions (e.g., Approve, Reply, Spam, Trash) are displayed with consistent padding around each item to ensure good tap targets.

However, since the first action also includes this left padding, the entire group appears slightly shifted from the left edge. This can make the alignment feel inconsistent or off-center compared to typical mobile UI spacing.

This isn’t a functional issue, but it could be improved by removing or reducing the left padding, so the group aligns more cleanly while still maintaining adequate spacing between individual actions.

Steps to reproduce:

1. Navigate to Dashboard → Activity widget.
2. Switch to mobile view or narrow the browser window.
3. Tap a recent comment to reveal the actions.
4. Notice that the first action is indented due to its padding, shifting it right

Screenshot

Current:

Improved:

[sainathpoojary]

If this is something worth addressing, I’d be happy to work on a patch for it.

This PR fixes an alignment issue in the admin tables row actions where list items were shifting right due to inconsistent padding. The solution sets consistent padding across action items while maintaining proper spacing between them, resulting in better visual alignment throughout the interface.Retry​Claude can make mistakes. Please double-check responses.

Before:

After:

Trac ticket: #63277

[valentingrenier]

Just made a test on the Playground by narrowing the window size on the Dashboard. Padding is changing as expected.

We can mark this test as done and validated.

There is a side effect when the screen width is below 782px. Here is a screenshot as an example:

Potential clue to the cause:

@media screen and (max-width: 782px) {
    .row-actions {
        margin-left: -8px;
        margin-right: -8px;
        padding-top: 4px;
    }
}

[quentinr64600]

Test Report

Patch tested: ​https://github.com/WordPress/wordpress-develop/pull/8691

Environment

• Tested via Playground
• Tested with Firefox 138.0.4

Actual Results

• ✅ Issue resolved with patch ; padding works as expected

Additional Notes

• Tested by changing the window width size

There is a side effect when the screen width is below 782px. Here is a screenshot as an example:

Potential clue to the cause:

@media screen and (max-width: 782px) {
    .row-actions {
        margin-left: -8px;
        margin-right: -8px;
        padding-top: 4px;
    }
}

UPDATE : It turns out it was a minification issue that didn’t take into account all the changes from the PR.