From f5b448cf3ce514ce1b915134cd3f6ed8e169acdd Mon Sep 17 00:00:00 2001
From: Marcus Quinn <marcus@agentdesign.co.uk>
Date: Sun, 16 Mar 2025 06:10:39 +0000
Subject: [PATCH] Reposition elements: images on right, text on left, action
 buttons in top-right

---
 admin/css/wp-allstars-plugins.css | 39 ++++++++++++++++++++-----------
 1 file changed, 26 insertions(+), 13 deletions(-)

diff --git a/admin/css/wp-allstars-plugins.css b/admin/css/wp-allstars-plugins.css
index d72044b..7a66e7f 100644
--- a/admin/css/wp-allstars-plugins.css
+++ b/admin/css/wp-allstars-plugins.css
@@ -85,41 +85,54 @@
     /* 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;
+        min-height: 150px !important;
         position: relative !important;
         padding: 20px !important;
         overflow: hidden !important;
     }
     
-    /* Fix plugin icon positioning to stay within card boundaries */
+    /* Move plugin icon to the right side */
     body.wp-admin .plugin-card .plugin-icon {
-        position: relative !important;
-        float: left !important;
-        top: 0 !important;
-        left: 0 !important;
-        margin: 0 15px 0 0 !important;
+        position: absolute !important;
+        top: 20px !important;
+        right: 20px !important;
+        left: auto !important;
+        margin: 0 !important;
         width: 100px !important;
         height: 100px !important;
     }
     
-    /* Fix name and heading positioning and spacing */
+    /* Keep name and description on the left */
     body.wp-admin .plugin-card .name.column-name {
         margin-left: 0 !important;
-        margin-bottom: 15px !important;
+        margin-right: 120px !important;
+        margin-bottom: 10px !important;
         text-align: left !important;
-        display: inline-block !important;
-        width: calc(100% - 120px) !important;
+        display: block !important;
+        width: auto !important;
     }
     
     body.wp-admin .plugin-card .name.column-name h3 {
         margin-bottom: 5px !important;
     }
     
-    /* Fix action buttons positioning */
+    /* Fix action buttons positioning to stay in top-right, stacked vertically */
     body.wp-admin .plugin-card .action-links {
         position: absolute !important;
         top: 20px !important;
-        right: 20px !important;
+        right: 140px !important;
+        display: flex !important;
+        flex-direction: column !important;
+        align-items: flex-end !important;
+    }
+    
+    body.wp-admin .plugin-card .action-links .plugin-action-buttons {
+        margin-bottom: 8px !important;
+    }
+    
+    body.wp-admin .plugin-card .action-links .plugin-action-buttons li {
+        display: block !important;
+        margin-bottom: 5px !important;
     }
     
     /* Fix description spacing */