[Admin reskin] Add Plugins search field border is not OK on small screen

[jsmansart]

When searching for a plugin to install, after the submit, the search input has focus and there is a border on that field.

Depending on the size screen, the upper border is not OK.

If the window size is upper than 1250px (1251px), the search input is on the same line than the links for categories (beta testing, featured, etc.)

If the window size is between 1135px and 1250px the search input go back to the line, but is too narrow to the links for categories and there the bug occurs.

If the window size is less than 1135px, there is a margin or padding between the links and the search input, so it's OK.

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

• Target specific search form only when we have search results for the screen size.
• Else we are already having a margin of 11px.
• If we do not target specific when we have search results, it leads to extra spacing when there are no search results. So it goes to single line on specifc screen size without search results.

## Use of AI Tools

• None

[divyeshpatel01]

Tested the patch on WordPress trunk.

Steps:

1. Open Dashboard → Plugins → Add New.
2. Resize browser width between 1135px–1250px.
3. Focus the plugin search field.

Before patch:
Search field appears too close to navigation tabs and focus border look visually incorrect.
​https://postimg.cc/dhZRk9L3

After applying the patch:
Spacing between the tabs and the search field is corrected and the border displays properly.
​https://postimg.cc/CBssMLds

Patch works as expected.

[noruzzaman]

Test Report

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

Environment

• WordPress: 7.0-beta2-20260305.110908
• PHP: 7.4.33
• Server: PHP.wasm
• Database: WP_SQLite_Driver (Server: 8.0.38 / Client: 3.51.0)
• Browser: Chrome 145.0.0.0
• OS: macOS
• Theme: Twenty Twenty-Five 1.4
• MU Plugins: None activated
• Plugins:
  • Test Reports 1.2.1

Actual Results

1. ✅ Issue resolved with patch.

Before	After

I tested this PR fix at a 1140px screen width.
Before:

After:

[amin7]

Test Report

---

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

---

Environment

WordPress: 7.0-beta3
PHP: 8.2.7
Server: ngnix
Browser: Chrome 145.0.0.0
OS: macOS
Theme: Twenty Twenty-Five
MU Plugins: None activated

Before Patch:
​https://d.pr/i/r3I8bW

After Patch
​https://d.pr/i/8amwQI

Result

✅ Issue resolved with patch.

Plugin Search Border Issue is Resolved with PR✅

Before	After

[r1k0]

I wasn't able to reproduce the broken border-top as displayed in this image by the reporter. @jsmansart is the defect the broken border-top, or the lack of margin for the screen sizes you have mentioned? Could you clarify this? If the issue is the former, are you still experiencing the issue?

I believe the patch is fixing another issue or part of the issue.

Updating keywords to get feedback from the reporter.

I tested the patch and it works.

Screenshots

Spacing Before:

Spacing After:

[jsmansart]

Replying to r1k0:

Thanks for your input.

I still can reproduce it without the patch.
If I add the following CSS rule on the element form.search-form .search-plugins:

margin: 11px 0;

This correct the behavior. So, I imagine this is a lack of a margin.

There is this rule that applies for smaller screens:

@media only screen and (max-width: 1138px) {
  .wp-filter .search-form {
    margin: 11px 0;
  }
}

I wasn't able to reproduce the broken border-top as displayed in this image by the reporter. @jsmansart is the defect the broken border-top, or the lack of margin for the screen sizes you have mentioned? Could you clarify this? If the issue is the former, are you still experiencing the issue?

I believe the patch is fixing another issue or part of the issue.

Updating keywords to get feedback from the reporter.

I tested the patch and it works.

Screenshots

Spacing Before:

Spacing After:

[r1k0]

Updating keywords after the reporter provided feedback.

The patch works as expected and adds the necessary margin for screen sizes 1139–1250.

[joedolson]

In 61941:

Admin: Fix plugin search alignment on intermediate viewports.

Add a margin on the plugin installation search form on screens between 1135 and 1250px.

Props jsmansart, hbhalodia, divyeshpatel01, noruzzaman, huzaifaalmesbah, amin7, shailu25, r1k0, joedolson.
Fixes #64809.