Search bar too wide on plugin search results

[johnbillion]

r30740 made the search input in the filter toolbar 100% width. This has broken the search form layout when performing a search on the Plugins -> Add New screen.

[desaiuditd]

Adding CSS Fix for #30658

[desaiuditd]

1px additional margin

[desaiuditd]

Removing 100% width fixes the issue, but it slightly misplaces with adjacent select box. Though changing this would create ripples for Add New Theme and Media Gallery pages.

[desaiuditd]

Added changes in common-rtl.css as well & Line Height adjusted

[helen]

I think width and max-width were reversed, I also noticed that the positioning changes cause unwanted overlap. See 30658.diff​ for those fixes, plus the extra margin noted.

[azaozz]

30658.3.diff builds on 30658.2.diff, also fixes the .media-toolbar-primary and .media-toolbar-secondary in the media modal.

[helen]

Looks good.

[azaozz]

In 30813:

Fix the search field width in the media modal, media library grid and on the install new plugins screen. Props helen, fixes #30658.

[nacin]

In 30816:

Fix the search field width in the media modal, media library grid and on the install new plugins screen.

Merges [30813] to the 4.1 branch.

props helen.
fixes #30658.

[justingreerbbi]

I am still seeing a minor issue still after checking RC1. The search box and dropdown stair step lower than the menu.

To Replicate:

• Search for a plugin
• Resize window to smallest and then scale back to normal

I can confirm on Latest Chrome and FF on OS X.

[azaozz]

Don't see this happening in Firefox 34.0/Win7. Setting the search-form to display: inline-block; seems to fix this in Chrome 39.0.2171.95/Win7. Will add that to trunk for easier/faster testing.

[azaozz]

In 30830:

Fix search box position on the Add Plugins screen after resizing the window to narrower than 1000px and then back to wider than 1200px. Fixes #30658.

[azaozz]

Reopen for 4.1.

[eliorivero]

Issue is still visible as the image below shows, in Chrome and Firefox on Win 7.

Added patch for common.css that solves this.

[eliorivero]

Changes height in .wp-filter .search-form select rule from 33 to 32 pixels.

[johnbillion]

I have no idea why [30830] works, but it does.

[johnbillion]

In 30878:

Fix search box position on the Add Plugins screen after resizing the window to narrower than 1000px and then back to wider than 1200px.

Merges [30830] to the 4.1 branch.

Fixes #30658.

[nacin]

[30813] caused a minor, goofy, UI regression: #30725.