From f5c06020f81350400ceb4bd0d6c5e422f6a36d58 Mon Sep 17 00:00:00 2001
From: Marcus Quinn <marcus@agentdesign.co.uk>
Date: Sun, 16 Mar 2025 06:05:20 +0000
Subject: [PATCH] Fix plugin image positioning and reduce excessive spacing

---
 admin/css/wp-allstars-plugins.css | 40 +++++++++++++++++++++++++------
 1 file changed, 33 insertions(+), 7 deletions(-)

diff --git a/admin/css/wp-allstars-plugins.css b/admin/css/wp-allstars-plugins.css
index b901dd8..f8635bb 100644
--- a/admin/css/wp-allstars-plugins.css
+++ b/admin/css/wp-allstars-plugins.css
@@ -72,20 +72,17 @@
     }
 }
 
-/* Debug styling for all screens to help identify issues */
-body.wp-admin .wp-list-table.plugin-install #the-list .plugin-card {
-    border: 2px solid red !important;
-}
-
-/* Debug version of mobile styling */
+/* Mobile styles - now working with correct positioning */
 @media screen and (max-width: 782px) {
     body.wp-admin .wp-list-table.plugin-install #the-list .plugin-card {
-        border: 3px solid blue !important;
+        border: 1px solid #dcdcde !important;
         width: 100% !important;
         margin: 0 0 16px 0 !important;
         padding: 0 !important;
+        box-sizing: border-box !important;
     }
     
+    /* Card top section with proper positioning */
     body.wp-admin .wp-list-table.plugin-install #the-list .plugin-card .plugin-card-top {
         display: block !important;
         min-height: 135px !important;
@@ -93,23 +90,52 @@ body.wp-admin .wp-list-table.plugin-install #the-list .plugin-card {
         padding: 20px !important;
     }
     
+    /* Fix plugin icon positioning in top left */
     body.wp-admin .plugin-card .plugin-icon {
         position: absolute !important;
         top: 20px !important;
         left: 20px !important;
         margin: 0 !important;
+        width: 128px !important;
+        height: 128px !important;
     }
     
+    /* Fix name and heading positioning and spacing */
     body.wp-admin .plugin-card .name.column-name {
         margin-left: 148px !important;
+        margin-bottom: 0 !important;
         text-align: left !important;
     }
     
+    body.wp-admin .plugin-card .name.column-name h3 {
+        margin-bottom: 5px !important;
+    }
+    
+    /* Fix action buttons positioning */
     body.wp-admin .plugin-card .action-links {
         position: absolute !important;
         top: 20px !important;
         right: 20px !important;
     }
+    
+    /* Fix description spacing */
+    body.wp-admin .plugin-card-bottom {
+        padding: 12px 20px !important;
+        margin-top: 0 !important;
+    }
+    
+    /* Remove excessive spacing between elements */
+    body.wp-admin .plugin-card p,
+    body.wp-admin .plugin-card .desc.column-description {
+        margin-top: 0 !important;
+        margin-bottom: 8px !important;
+    }
+    
+    /* Fix compatibility check positioning */
+    body.wp-admin .plugin-card .compatibility-compatible {
+        margin-top: 8px !important;
+        margin-bottom: 0 !important;
+    }
 }