From 6947f72494695a1d7470bae960271f2f2157a0a2 Mon Sep 17 00:00:00 2001
From: Marcus Quinn <marcus@agentdesign.co.uk>
Date: Mon, 17 Mar 2025 01:48:01 +0000
Subject: [PATCH] Apply consistent styling to free plugins grid panels across
 all screen sizes

---
 admin/css/wp-allstars-plugins.css | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/admin/css/wp-allstars-plugins.css b/admin/css/wp-allstars-plugins.css
index 1944790..2a19006 100644
--- a/admin/css/wp-allstars-plugins.css
+++ b/admin/css/wp-allstars-plugins.css
@@ -40,7 +40,15 @@
     width: calc(50% - 16px);
     background-color: #fff;
     border: 1px solid #dcdcde;
+    border-radius: 8px;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
     box-sizing: border-box;
+    transition: all 0.2s ease;
+}
+
+.plugin-card:hover {
+    border-color: #2271b1;
+    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
 }
 
 /* Ensure the right edge aligns with the navigation above */
@@ -69,6 +77,14 @@
     .plugin-card {
         width: 100%;
         margin: 0 0 16px 0;
+        border-radius: 8px;
+        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+        transition: all 0.2s ease;
+    }
+    
+    .plugin-card:hover {
+        border-color: #2271b1;
+        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
     }
 }
 
@@ -76,10 +92,18 @@
 @media screen and (max-width: 782px) {
     body.wp-admin .wp-list-table.plugin-install #the-list .plugin-card {
         border: 1px solid #dcdcde !important;
+        border-radius: 8px !important;
+        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
         width: 100% !important;
         margin: 0 0 16px 0 !important;
         padding: 0 !important;
         box-sizing: border-box !important;
+        transition: all 0.2s ease !important;
+    }
+    
+    body.wp-admin .wp-list-table.plugin-install #the-list .plugin-card:hover {
+        border-color: #2271b1 !important;
+        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
     }
     
     /* Card top section with proper positioning */