[wp-trac] [WordPress Trac] #65231: Add Plugins > Favourites: Input field and Submit button are not properly horizontally aligned

[WordPress Trac]

#65231: Add Plugins > Favourites: Input field and Submit button are not properly
horizontally aligned
--------------------------+--------------------------------------
 Reporter:  bayejid00     |       Owner:  (none)
     Type:  defect (bug)  |      Status:  new
 Priority:  normal        |   Milestone:  7.0.1
Component:  Plugins       |     Version:
 Severity:  minor         |  Resolution:
 Keywords:  has-patch     |     Focuses:  ui, css, administration
--------------------------+--------------------------------------
Changes (by sabernhardt):

 * focuses:  ui => ui, css, administration
 * component:  General => Plugins
 * severity:  normal => minor
 * version:  trunk =>
 * milestone:  Awaiting Review => 7.0.1


Comment:

 The misalignment already occurred in 6.9 on small screens up to 782 pixels
 wide. With 7.0, the submit button can be slightly lower than the search
 text field in Chrome on larger screens when the paragraph height is 40.5
 pixels (it seems to happen when the top paragraph is either one or three
 lines, but not two or four lines). With Firefox and Windows 11, I only
 experience the misalignment at narrower screen widths.

 PR 11817 can fix the issue, but I do not think that `buttons.css` in `wp-
 includes` is the best place for a ruleset that applies to only one
 administration screen. I probably would add it to either `list-tables.css`
 or `common.css` in `wp-admin`, and the specificity could be reduced.

 I would have suggested using `flex`, similar to PR 11818, and I would like
 to consider both options.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/65231#comment:4>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform