[wp-trac] [WordPress Trac] #63337: Enhance Widget Spacing for Mobile Dashboard

[WordPress Trac]

#63337: Enhance Widget Spacing for Mobile Dashboard
----------------------------+-----------------------------
 Reporter:  sainathpoojary  |      Owner:  (none)
     Type:  enhancement     |     Status:  new
 Priority:  normal          |  Milestone:  Awaiting Review
Component:  Administration  |    Version:  trunk
 Severity:  normal          |   Keywords:
  Focuses:  ui, css         |
----------------------------+-----------------------------
 In the WordPress admin dashboard, widgets are grouped into .postbox-
 container columns, each containing individual .postbox widgets. Each
 container has a default margin-bottom: 20px, and each widget also has
 margin-bottom: 20px, which creates a cumulative 40px gap between
 containers when they stack vertically.

 This layout works well on wider screens, where containers are visually
 distinct columns. However, on mobile or narrower screens where containers
 stack, this spacing results in significant vertical gaps, which may not be
 necessary in that context.

 === Enchancement:

 It may be helpful to align the vertical spacing more closely with the
 single-column layout by slightly reducing or normalizing the margin-bottom
 on .postbox-container elements in smaller viewports.


 A reduction in container spacing on smaller screens could:
         •       Improve perceived consistency and flow between widgets
         •       Reduce unnecessary whitespace
         •       Create a more compact and mobile-friendly dashboard layout

 === Screenshot


 [[Image(https://rioudcpuyg.ufs.sh/f/PL8E4NiPUWyOoEWPUSgRVfkrM3cxj5whHLEvyNZCb2PpWuod)]]

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/63337>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform