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

[WordPress Trac]

#63306: Uneven Horizontal Spacing in WordPress Admin .wrap Container
-------------------------------------------------+-------------------------
 Reporter:  vijaysinh9094                        |       Owner:  (none)
     Type:  defect (bug)                         |      Status:  closed
 Priority:  normal                               |   Milestone:  Awaiting
                                                 |  Review
Component:  Administration                       |     Version:  3.8
 Severity:  trivial                              |  Resolution:  duplicate
 Keywords:  needs-design-feedback has-patch      |     Focuses:  ui, css
  has-test-info dev-feedback                     |
-------------------------------------------------+-------------------------
Changes (by sandeepdahiya):

 * keywords:  needs-design-feedback => needs-design-feedback has-patch has-
     test-info dev-feedback


Comment:

 Firstly, I would recommend you to [https://ibb.co/zHfh8kQW checkout this
 image] to understand the issue better for
 [https://core.trac.wordpress.org/ticket/63305 #63305] and
 [https://core.trac.wordpress.org/ticket/63306 #63306]. Both tickets relate
 to the same kind of bugs, with the only difference of screen-sizes.

 == Bug Reproduction and Test Report
 === Description
 ✅ This report validates that the indicated patch works as expected.

 Patch tested: [https://github.com/WordPress/wordpress-
 develop/pull/8938.diff Patch-8938.diff]
 === Environment
 - WordPress: 6.9-alpha-60093-src
 - PHP: 8.2.28
 - Server: nginx/1.27.5
 - Database: mysqli (Server: 8.4.5 / Client: mysqlnd 8.2.28)
 - Browser: Firefox 139.0
 - OS: Windows 10/11
 - Theme: Twenty Twenty-Five 1.2
 - MU Plugins: None activated
 - Plugins:
   * Test Reports 1.2.0

 === Bug Reproduction
 1.  Before the patch, on Desktop view in Settings -> General section, we
 have #wpcontent with left-padding: 20px while .wrap with left-margin: 2px
 and right-margin: 20px. That makes a difference of 2 px in overall
 position.
   [https://ibb.co/FLpZP7jY #wpcontent screenshot before the patch] and
 [https://ibb.co/fVWxnSjG .wrap screenshot before the patch]

 2.  Also, before the patch, on Desktop view in Settings -> General
 section, we have #screen-meta and #screen-meta-links with right margin of
 20px.
   [https://ibb.co/wZ8RzHLr #screen-meta before the patch] and
 [https://ibb.co/8n4r590d #screen-meta-links before the patch]

 === Actual Patch Results
 1.  After the patch, on Desktop view in Settings -> General section, we
 have #wpcontent{padding-left: 20px, padding-right: 20px} and .wrap with 0
 margin and 0 padding. ✅ Above patch resolves the issue.
   [https://ibb.co/pv8RZyHV #wpcontent screenshot after the patch] and
 [https://ibb.co/M5JggbSh .wrap screenshot after the patch]

 2.  After the patch, on Desktop view in Settings -> General section, we
 have #screen-meta and #screen-meta-links with 0 margin and 0 padding. ✅
 Above patch resolves the issue.
   [https://ibb.co/DPzFVx7Q #screen-meta after the patch] and
 [https://ibb.co/5gBxWZJh #screen-meta-links after the patch]

 === Additional Notes
 - This same patch resolves bugs mentioned in
 [https://core.trac.wordpress.org/ticket/63305 #63305].

 === Supplemental Artifacts
 - I have submitted a separate test report in
 [https://core.trac.wordpress.org/ticket/63305 #63305] to avoid any
 confusion.

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