From 7c6afdc8c7220c95ae9c7b004f242ad62876b539 Mon Sep 17 00:00:00 2001
From: Marcus Quinn <marcus@agentdesign.co.uk>
Date: Mon, 24 Mar 2025 22:05:55 +0000
Subject: [PATCH] Fix button styling: green borders on all secondary buttons,
 vertical text alignment, and blue version text

---
 admin/css/wp-allstars-admin.css | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/admin/css/wp-allstars-admin.css b/admin/css/wp-allstars-admin.css
index 114f694..cc1497e 100644
--- a/admin/css/wp-allstars-admin.css
+++ b/admin/css/wp-allstars-admin.css
@@ -33,7 +33,7 @@
 }
 
 .wp-allstars-version {
-    color: #d35400; /* Updated to dark orange */
+    color: #0073aa; /* Changed to WordPress blue */
     font-size: 13px;
     font-weight: 400;
 }
@@ -927,7 +927,8 @@ input:checked + .wp-toggle-slider:before {
 #pro .button.button-secondary,
 #hosting .button.button-secondary,
 #tools .button.button-secondary,
-#readme .button.button-secondary {
+#readme .button.button-secondary,
+.button.button-secondary {
     transition: all 0.3s ease !important;
     color: #219653 !important; /* Darker green */
     border-color: #219653 !important; /* Darker green */
@@ -943,13 +944,21 @@ input:checked + .wp-toggle-slider:before {
 #pro .button.button-secondary:hover,
 #hosting .button.button-secondary:hover,
 #tools .button.button-secondary:hover,
-#readme .button.button-secondary:hover {
+#readme .button.button-secondary:hover,
+.button.button-secondary:hover {
     color: #1b7b42 !important; /* Even darker green on hover */
     border-color: #1b7b42 !important; /* Even darker green on hover */
     background-color: rgba(33, 150, 83, 0.05) !important; /* Very light green background */
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
 }
 
+/* Button text vertical alignment */
+.button, .button-primary, .button-secondary {
+    display: inline-flex !important;
+    align-items: center !important;
+    justify-content: center !important;
+}
+
 /* Read Me Tab Panel */
 #readme .wpa-pro-plugins {
     display: block;