[wp-trac] [WordPress Trac] #64355: Plugin card width calculation and filter margin issues in install plugins screen

[WordPress Trac]

#64355: Plugin card width calculation and filter margin issues in install plugins
screen
--------------------------+-----------------------------
 Reporter:  abdalsalaam   |      Owner:  (none)
     Type:  defect (bug)  |     Status:  new
 Priority:  normal        |  Milestone:  Awaiting Review
Component:  Plugins       |    Version:
 Severity:  normal        |   Keywords:
  Focuses:  ui            |
--------------------------+-----------------------------
 The plugin installation screen has two CSS issues affecting layout:

   1. Plugin card width: At viewport widths between 1600px and 2299px,
 plugin cards use a redundant dual-width declaration (width: 30%; width:
 calc(33.1% - 8px);) that doesn't properly account for gap spacing in the
 3-column layout.
   2. Filter margin: The .plugin-install-php .wp-filter rule sets margin-
 bottom: 0 causing unnecessary spacing issues.

 Affected files:
   - wp-admin/css/list-tables.css
   - wp-admin/css/list-tables-rtl.css

 Proposed solution:
   1. Replace the plugin card width calculation with calc((100% - 32px) /
 3) which correctly distributes width accounting for total gap spacing (4
 gaps × 8px = 32px)
   2. Remove the unnecessary .plugin-install-php .wp-filter margin rule

 Steps to reproduce:
   1. Navigate to Plugins → Add New
   2. Resize browser window to 1600px-2299px width
   3. Observe plugin card spacing/alignment issues

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