From 299860446860463a0b1d0845e6ce7a79eadc56d7 Mon Sep 17 00:00:00 2001
From: Marcus Quinn <marcus@agentdesign.co.uk>
Date: Tue, 25 Mar 2025 01:40:21 +0000
Subject: [PATCH] Align buttons to left, fix readme panel width, and ensure
 consistent 700px width for all tab content

---
 admin/css/wp-allstars-admin.css              | 33 +++++++++++++++++++-
 admin/includes/class-hosting-manager.php     |  2 +-
 admin/includes/class-pro-plugins-manager.php |  2 +-
 admin/includes/class-tools-manager.php       |  2 +-
 4 files changed, 35 insertions(+), 4 deletions(-)

diff --git a/admin/css/wp-allstars-admin.css b/admin/css/wp-allstars-admin.css
index 328c17d..0023e8c 100644
--- a/admin/css/wp-allstars-admin.css
+++ b/admin/css/wp-allstars-admin.css
@@ -1358,4 +1358,35 @@ body.wp-admin .button.pricing-button:hover,
     list-style-type: disc !important;
 }
 
-/* General, Advanced, ReadMe and Workflow Tab Spacing Fix - CAN BE REMOVED NOW */
\ No newline at end of file
+/* Global setting for all content panels width - apply to ALL tabs */
+.wp-allstars-settings-content,
+.wp-allstars-tab-content > div,
+.wp-allstars-settings-section,
+.wpa-pro-plugins,
+.wpa-pro-plugin,
+#wpa-plugin-list,
+#wpa-theme-list,
+.wp-allstars-markdown-content,
+.wpa-plugin-container,
+#readme .wpa-pro-plugin,
+.wp-allstars-toggle {
+    max-width: 700px !important;
+    margin-left: auto !important;
+    margin-right: auto !important;
+    width: 100% !important;
+    box-sizing: border-box !important;
+}
+
+/* Fix specific tab content */
+#general .wp-setting-row,
+#advanced .wp-setting-row,
+#advanced .wp-allstars-toggle,
+#workflow .wp-allstars-toggle,
+#workflow .wp-setting-row,
+#readme .wp-allstars-markdown-content {
+    max-width: 700px !important;
+    width: 100% !important;
+    box-sizing: border-box !important;
+    margin-left: auto !important;
+    margin-right: auto !important;
+}
\ No newline at end of file
diff --git a/admin/includes/class-hosting-manager.php b/admin/includes/class-hosting-manager.php
index 9210567..122d4b0 100644
--- a/admin/includes/class-hosting-manager.php
+++ b/admin/includes/class-hosting-manager.php
@@ -125,7 +125,7 @@ class WP_Allstars_Hosting_Manager {
             margin-bottom: 0;
         }
         #hosting .wpa-pro-plugin .button-group {
-            justify-content: flex-end;
+            justify-content: flex-start;
         }
         ';
         
diff --git a/admin/includes/class-pro-plugins-manager.php b/admin/includes/class-pro-plugins-manager.php
index 8031045..820213f 100644
--- a/admin/includes/class-pro-plugins-manager.php
+++ b/admin/includes/class-pro-plugins-manager.php
@@ -184,7 +184,7 @@ class WP_Allstars_Pro_Plugins_Manager {
             flex-wrap: wrap;
             gap: 8px;
             margin-top: auto;
-            justify-content: flex-end;
+            justify-content: flex-start;
         }
         .wpa-pro-plugin .button {
             text-decoration: none;
diff --git a/admin/includes/class-tools-manager.php b/admin/includes/class-tools-manager.php
index ff095ea..602c43c 100644
--- a/admin/includes/class-tools-manager.php
+++ b/admin/includes/class-tools-manager.php
@@ -63,7 +63,7 @@ class WP_Allstars_Tools_Manager {
             margin-bottom: 0;
         }
         #tools .wpa-pro-plugin .button-group {
-            justify-content: flex-end;
+            justify-content: flex-start;
         }
         ';