From b8c4667e8a7381e1186c76fe9bc9b61fbb011b08 Mon Sep 17 00:00:00 2001
From: Marcus Quinn <marcus@agentdesign.co.uk>
Date: Sun, 16 Mar 2025 05:26:42 +0000
Subject: [PATCH] Revert "Improve plugin grid layout with responsive design"

This reverts commit 2af72db5bb497ecaf89f14298f5e9846242cd072.
---
 admin/css/wp-allstars-plugins.css | 36 +++++--------------------------
 1 file changed, 5 insertions(+), 31 deletions(-)

diff --git a/admin/css/wp-allstars-plugins.css b/admin/css/wp-allstars-plugins.css
index 39d2194..d486a01 100644
--- a/admin/css/wp-allstars-plugins.css
+++ b/admin/css/wp-allstars-plugins.css
@@ -20,29 +20,10 @@
     box-sizing: border-box;
 }
 
-/* Plugin Cards */
-/* Plugin Container */
-#the-list {
-    display: grid;
-    grid-template-columns: 1fr;
-    gap: 16px;
-    margin-top: 16px;
-}
-
-@media screen and (min-width: 600px) {
-    #the-list {
-        grid-template-columns: repeat(2, 1fr);
-    }
-}
-
-@media screen and (min-width: 1200px) {
-    #the-list {
-        grid-template-columns: repeat(3, 1fr);
-    }
-}
-
 /* Plugin Cards */
 .plugin-card {
+    width: calc(50% - 16px);
+    margin: 8px;
     background-color: #fff;
     border: 1px solid #dcdcde;
     box-sizing: border-box;
@@ -50,9 +31,6 @@
     display: flex;
     flex-direction: column;
     border-radius: 3px;
-    width: 100%;
-    margin: 0;
-    height: 100%; /* Ensure all cards have equal height */
 }
 
 .plugin-card:hover {
@@ -117,18 +95,14 @@
     background-color: #f6f7f7;
     overflow: hidden;
     border-top: 1px solid #dcdcde;
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    gap: 10px;
-    margin-top: auto; /* Push to bottom of card */
+    display: flex;
+    flex-wrap: wrap;
 }
 
 .plugin-card-bottom > div {
     margin-bottom: 0;
+    flex: 1 0 auto;
     padding-bottom: 0;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
 }
 
 .column-rating {