Make WordPress Core

Opened 5 weeks ago

Closed 4 weeks ago

#63464 closed defect (bug) (duplicate)

Uneven Horizontal Spacing in WordPress Admin .wrap Container

Reported by: dvpatel's profile dvpatel Owned by:
Milestone: Priority: normal
Severity: normal Version: 3.8
Component: Administration Keywords: has-screenshots has-patch
Focuses: ui, css, administration Cc:

Description (last modified by sabernhardt)

In the WordPress admin area, the .wrap container has a margin-left: 2px, while the #wpcontent container has padding-left: 20px, resulting in a total of 22px space on the left side. However, on the right side, .wrap only has a margin-right: 20px, creating uneven horizontal spacing between the left and right sides of the content area.

This minor inconsistency may affect visual alignment and user experience, especially for users focusing on UI precision.

.wrap Left Space warpleftspace.jpg

.wrap Right Space warprightspace.jpg

.wrap Margin wrapmargin.jpg

#wpcontent Padding wpcontentpadding.jpg

Attachments (5)

warpleftspace.jpg (233.1 KB) - added by dvpatel 5 weeks ago.
wrapmargin.jpg (226.8 KB) - added by dvpatel 5 weeks ago.
wpcontentpadding.jpg (242.4 KB) - added by dvpatel 5 weeks ago.
warprightspace.jpg (237.0 KB) - added by dvpatel 5 weeks ago.
63464.diff (328 bytes) - added by dvpatel 5 weeks ago.

Download all attachments as: .zip

Change History (12)

@dvpatel
5 weeks ago

@dvpatel
5 weeks ago

#1 @dvpatel
5 weeks ago

  • Keywords has-patch added

@dvpatel
5 weeks ago

#2 @dd32
5 weeks ago

#63463 was marked as a duplicate.

This ticket was mentioned in PR #8822 on WordPress/wordpress-develop by @dvpatel.


5 weeks ago
#3

Fix: Removed 2px left margin from .wrap to align admin content evenly

Trac ticket: 63464

#4 @dvpatel
5 weeks ago

  • Keywords needs-testing added

#5 @avinashbhosale
4 weeks ago

Test Report

Description:

This report validates whether the indicated patch works as expected.

Patch tested: https://core.trac.wordpress.org/attachment/ticket/63464/63464.diff

Environment:

  • WordPress: 6.8.1
  • PHP: 8.2.27
  • Server: nginx/1.26.1
  • Database: mysqli (Server: 8.0.35 / Client: mysqlnd 8.2.27)
  • Browser: Chrome 137.0.0.0
  • OS: Windows 10/11
  • Theme: Twenty Twenty-Five 1.2
  • MU Plugins: None activated
  • Plugins:
    • Test Reports 1.2.0

Actual Results:

  1. ❌ Issue not resolved with patch.

Additional Notes:

  • Applied the diff file. I can see the changes applied to the common.css file to the .wrap class, but in the browser still the same issue is observed.

Screenshots:

wrap margin: https://prnt.sc/zP609nPrRpsr

#6 @sabernhardt
4 weeks ago

  • Component changed from General to Administration
  • Description modified (diff)
  • Focuses ui-copy removed
  • Keywords needs-testing removed
  • Milestone Awaiting Review deleted
  • Version changed from trunk to 3.8

#63306 was opened first, so I will close this as the duplicate.

#7 @sabernhardt
4 weeks ago

  • Resolution set to duplicate
  • Status changed from new to closed

Duplicate of #63306.

Note: See TracTickets for help on using tickets.