Ui issue on edit menu page

[sumitsingh]

H,

UI issue in edit menu page on admin side on bulk checkbox button.

More information check SS.

[sumitsingh]

Bulk Button Issue ss

[sumitsingh]

Bulk Button Issue ss1

[sabernhardt]

This isn't exactly broken, but a small padding on the top and bottom probably would improve the button label:

@media screen and (max-width: 782px) {
	.bulk-select-button {
		padding: 5px 10px;
	}
}

[ryokuhi]

This ticket was reviewed today during the Accessibility Team's bug-scrub.

While the Bulk Select feature was added to improve accessibility, this doesn't seem to be an accessibility issue and, as such, I'm removing the focus.

As @sabernhardt already suggested a possible solution, we're adding the good-first-bug label, so that a new contributor willing to help to WordPress will have an easy enough task to complete.

[priyank9033]

Added padding to resolve the issue of the menu in the mobile device.

[audrasjb]

Adding needs-refresh keyword as the above patch doesn't meet WordPress Coding Standards

[pbiron]

@priyank9033 I see 3 WPCS problems with the patch, all easy to fix:

1. remove the space before the semi-colon in margin: calc( 1em + 9px ) 0 ;
2. remove the blank line before #nav-menu-footer {
3. add a space after the colon in padding:5px 10px;

Trac ticket: https://core.trac.wordpress.org/ticket/54855

[audrasjb]

Before patch

[audrasjb]

After patch: better padding for bulk actions label

[audrasjb]

Patch looks good to go. Committing right now.

[audrasjb]

In 52971:

Menus: Improve padding on bulk action labels for small screens.

Props sumitsingh, sabernhardt, ryokuhi, priyank9033, audrasjb, pbiron.
Fixes #54855.

Committed in https://core.trac.wordpress.org/changeset/52971