Media Library grid view toolbar misalignment

[huzaifaalmesbah]

In Media → Library (Grid View), toolbar elements are misaligned. Dropdowns (“All media items”, “All dates”), “Bulk select”, and view switch icons are not on the same vertical baseline. Alignment is also inconsistent with the “Search media” field, and spacing between label and dropdown is too tight.

Steps to Reproduce:

1. Go to Media → Library
2. Switch to Grid View
3. Observe the toolbar

Expected Results:
Proper alignment and consistent spacing like list view.

[audrasjb]

I think this is because of the label displayed on the left of the search input. Maybe we should just move it on its own line, or use the same implementation we have on the list view (implicit label with a validation button) but it would remove the live search experience. I think the first option is easier to implement than the later.

[siliconforks]

I mentioned the issue with the "Bulk select" button in #64883.

I didn't mention the icons on the left and the search on the right because those are vertically centered so that is perhaps intentional. But I did mention the "Bulk select" button because it just looks odd - like it's off by a few pixels.

[audrasjb]

The sames goes for the buttons: they are aligned like that because of the labels that are displayed on top of the fields within the grid view and not within the list view.

[Presskopp]

more or less a duplicate of #64883

[huzaifaalmesbah]

We could move the “Search media” label to a separate row (similar to the filter labels), and keep all dropdowns and the search input field aligned on the same baseline.

Also, aligning the view switch icons with these elements would improve overall consistency and balance.

The “Bulk select” button issue appears to have already been addressed in 62104.

[Presskopp]

#65244 was marked as a duplicate.