From e69f0e382a6e3185be0f60cb8da892c795c019c1 Mon Sep 17 00:00:00 2001
From: Marcus Quinn <marcus@agentdesign.co.uk>
Date: Sun, 16 Mar 2025 18:11:43 +0000
Subject: [PATCH] Fix More Details centering, reduce compatibility panel
 height, narrow plugin name width

---
 admin/css/wp-allstars-plugins.css | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/admin/css/wp-allstars-plugins.css b/admin/css/wp-allstars-plugins.css
index 980e36b..c1e3e16 100644
--- a/admin/css/wp-allstars-plugins.css
+++ b/admin/css/wp-allstars-plugins.css
@@ -104,7 +104,7 @@
         z-index: 1 !important;
     }
     
-    /* Position name next to the icon with consistent width, moved 35px left */
+    /* Position name next to the icon with consistent width, moved 35px left and narrower wrap */
     body.wp-admin .plugin-card .name.column-name {
         margin-left: -35px !important;
         margin-right: 0 !important;
@@ -112,7 +112,7 @@
         margin-top: 0 !important;
         text-align: left !important;
         display: inline-block !important;
-        width: calc(100% - 155px) !important;
+        width: calc(75% - 155px) !important;
         max-width: none !important;
         vertical-align: top !important;
         padding-left: 35px !important;
@@ -166,16 +166,17 @@
         margin-left: 0 !important;
     }
     
-    /* Fix compatibility check positioning and width */
+    /* Fix compatibility check positioning and height */
     body.wp-admin .plugin-card .compatibility-compatible {
-        margin-top: 8px !important;
+        margin-top: 0 !important;
         margin-bottom: 0 !important;
-        padding: 10px 20px !important;
+        padding: 3px 20px !important;
         width: 100% !important;
         box-sizing: border-box !important;
         text-align: center !important;
         max-width: none !important;
         display: block !important;
+        line-height: 1.2 !important;
     }
     
     /* Ensure compatibility text container has full width */
@@ -189,13 +190,16 @@
     }
 }
 
-/* Center More Details under Install Now */
-body.wp-admin .wp-list-table.plugin-install #the-list .plugin-card .action-links a.button + a.thickbox,
-body.wp-admin .wp-list-table.plugin-install #the-list .plugin-card .plugin-action-buttons a.thickbox {
+/* Center More Details under all buttons */
+body.wp-admin .wp-list-table.plugin-install #the-list .plugin-card .action-links a.thickbox,
+body.wp-admin .wp-list-table.plugin-install #the-list .plugin-card .plugin-action-buttons a.thickbox,
+body.wp-admin .wp-list-table.plugin-install #the-list .plugin-card a.thickbox {
     display: block !important;
     text-align: center !important;
     margin: 5px auto !important;
     float: none !important;
+    clear: both !important;
+    width: auto !important;
 }
 
 /* Position Go Pro below More Details and center it */