From eb26745c765219d6d6a2da14fc32a06a6451d8f5 Mon Sep 17 00:00:00 2001 From: Marcus Quinn Date: Sun, 16 Mar 2025 05:27:40 +0000 Subject: [PATCH] Implement standard WordPress plugin grid layout --- admin/css/wp-allstars-plugins.css | 25 +++++++++++++++++++++++-- 1 file changed, 23 insertions(+), 2 deletions(-) diff --git a/admin/css/wp-allstars-plugins.css b/admin/css/wp-allstars-plugins.css index d486a01..17147b9 100644 --- a/admin/css/wp-allstars-plugins.css +++ b/admin/css/wp-allstars-plugins.css @@ -20,10 +20,20 @@ box-sizing: border-box; } +/* Standard WordPress Plugin Grid Layout */ +.wp-list-table.plugin-install { + margin-top: 10px; +} + +#the-list { + display: flex; + flex-wrap: wrap; +} + /* Plugin Cards */ .plugin-card { - width: calc(50% - 16px); - margin: 8px; + width: 48.5%; + margin: 0 3% 3% 0; background-color: #fff; border: 1px solid #dcdcde; box-sizing: border-box; @@ -33,6 +43,17 @@ border-radius: 3px; } +.plugin-card:nth-child(even) { + margin-right: 0; +} + +@media screen and (max-width: 782px) { + .plugin-card { + width: 100%; + margin-right: 0; + } +} + .plugin-card:hover { border-color: #999; }