[wp-trac] [WordPress Trac] #63464: Uneven Horizontal Spacing in WordPress Admin .wrap Container

[WordPress Trac]

#63464: Uneven Horizontal Spacing in WordPress Admin .wrap Container
-------------------------------------+-------------------------------------
 Reporter:  dvpatel                  |       Owner:  (none)
     Type:  defect (bug)             |      Status:  new
 Priority:  normal                   |   Milestone:
Component:  Administration           |     Version:  3.8
 Severity:  normal                   |  Resolution:
 Keywords:  has-screenshots has-     |     Focuses:  ui, css,
  patch                              |  administration
-------------------------------------+-------------------------------------
Changes (by sabernhardt):

 * focuses:  ui, css, administration, ui-copy => ui, css, administration
 * component:  General => Administration
 * version:  trunk => 3.8
 * milestone:  Awaiting Review =>
 * keywords:  has-screenshots has-patch needs-testing => has-screenshots
     has-patch


Old description:

> 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.
>
> Warp Left Space
> [[Image(ticket:1:warpleftspace.jpg)]]
>
> Warp Right Space
> [[Image(ticket:2:warprightspace.jpg)]]
>
> Wrap Margin
> [[Image(ticket:3:wrapmargin.jpg)]]
>
> wpcontent Padding
> [[Image(ticket:4:wpcontentpadding.jpg)]]

New description:

 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 [attachment:"warpleftspace.jpg"]

 `.wrap` Right Space [attachment:"warprightspace.jpg"]

 `.wrap` Margin [attachment:"wrapmargin.jpg"]

 `#wpcontent` Padding [attachment:"wpcontentpadding.jpg"]

--

Comment:

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

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