From 169b226a392587a48d7c9e419512eb6cb62db7e8 Mon Sep 17 00:00:00 2001
From: Marcus Quinn <marcus@agentdesign.co.uk>
Date: Mon, 24 Mar 2025 23:50:09 +0000
Subject: [PATCH] Fix Free Plugins grid centering with improved flexbox layout

---
 admin/css/wp-allstars-admin.css | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/admin/css/wp-allstars-admin.css b/admin/css/wp-allstars-admin.css
index d88222f..38597a6 100644
--- a/admin/css/wp-allstars-admin.css
+++ b/admin/css/wp-allstars-admin.css
@@ -1025,6 +1025,7 @@ body.wp-admin .button.pricing-button:hover,
     position: relative;
     padding-bottom: 60px;
     background: #fff;
+    justify-self: center;
 }
 
 /* Fix compatibility row alignment to bottom of card */
@@ -1080,14 +1081,19 @@ body.wp-admin .button.pricing-button:hover,
 }
 
 /* Center the plugin container */
-#recommended .wpa-plugin-container {
-    width: 100%;
-    max-width: 1000px;
-    margin: 0 auto;
-    padding: 15px;
+#recommended #the-list {
     display: flex;
     flex-direction: column;
     align-items: center;
+    width: 100%;
+}
+
+#recommended .wpa-plugin-container {
+    width: 100%;
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 15px;
+    text-align: center;
 }
 
 /* Explicitly target readme content */