On mobile devices, the search bar in the WordPress admin "Pages" section has an unnecessary right margin, which negatively impacts the visual alignment and user experience.

[ronak44]

On mobile devices, the search bar in the WordPress admin "Pages" section has an unnecessary right margin, which negatively impacts the visual alignment and user experience.

[sourav08]

Hi @ronak44,​

I've created a patch that removes the unnecessary right margin from the search bar in the "Pages" section on mobile devices. This adjustment enhances visual alignment and improves the user experience.

[sabernhardt]

63310.diff removes all margins from multiple inputs at any screen size, but at least .tagsdiv .newtag still needs the right margin.

I would just add margin-right: 0; in the p.search-box input[name="s"] ​ruleset for smaller screens, where it sets the input width at 100%.

[dilipbheda]

Updated patch

[dilipbheda]

@ronak44 Thank you for the ticket. I was able to replicate the issue on my end as well. I've uploaded the updated patch based on @sabernhardt's suggestion.

[nikunj8866]

Test Report

This report validates that the indicated patch addresses the issue ✅.

Patch tested: https://core.trac.wordpress.org/attachment/ticket/63310/63310.2.patch

Environment

• OS: Windows 11
• Web Server: nginx/1.26.1
• PHP: 8.2.27
• WordPress: 6.8.1
• Browser: Chrome v136.0.
• Theme: Twenty Twenty-Five (twentytwentyfive)
• Active Plugins:

Actual Results

• ✅ Issue resolved with patch.

Supplemental Artifacts

Before

​https://prnt.sc/s7tswPNsvFSk

After

​https://prnt.sc/2ij4pHjVlaFG

[darshitrajyaguru97]

Test Report

Patch tested: https://core.trac.wordpress.org/attachment/ticket/63310/63310.2.patch

Environment:

OS: Windows 10
PHP: 8.2.12
WordPress: 6.8.1
Browser: Chrome
Theme: Twenty Thirteen
Plugins: None activated

Actual Results:

✅ Before patch:
Screenshot: ​https://prnt.sc/Lqc0IUk3HFCl

✅ After patch:
Screenshot: ​https://prnt.sc/0XUaYek-cINm

✅ Patch working well as desired solution