From 2b01f3523fb1d58cd7340ccf6aba7f1ea44410cb Mon Sep 17 00:00:00 2001
From: Marcus Quinn <marcus@agentdesign.co.uk>
Date: Mon, 24 Mar 2025 22:48:08 +0000
Subject: [PATCH] Fix: Target individual setting rows to limit width to 50% on
 desktop

---
 admin/css/wp-allstars-admin.css | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/admin/css/wp-allstars-admin.css b/admin/css/wp-allstars-admin.css
index aecdedc..ca1515f 100644
--- a/admin/css/wp-allstars-admin.css
+++ b/admin/css/wp-allstars-admin.css
@@ -1004,9 +1004,13 @@ body.wp-admin .button.pricing-button:hover,
     padding: 20px;
 }
 
-#general .wp-allstars-settings-grid,
-#advanced .wp-allstars-settings-grid,
-#workflow .wp-allstars-settings-grid,
+/* Target the specific setting rows to limit their width */
+#general .wp-setting-row,
+#general .wp-allstars-toggle,
+#advanced .wp-setting-row,
+#advanced .wp-allstars-toggle,
+#workflow .wp-setting-row,
+#workflow .wp-allstars-toggle,
 #readme .wpa-pro-plugin {
     max-width: 50%;
     margin: 0 auto;
@@ -1014,13 +1018,15 @@ body.wp-admin .button.pricing-button:hover,
 }
 
 @media screen and (max-width: 960px) {
-    #general .wp-allstars-settings-grid,
-    #advanced .wp-allstars-settings-grid,
-    #workflow .wp-allstars-settings-grid,
+    #general .wp-setting-row,
+    #general .wp-allstars-toggle,
+    #advanced .wp-setting-row,
+    #advanced .wp-allstars-toggle,
+    #workflow .wp-setting-row,
+    #workflow .wp-allstars-toggle,
     #readme .wpa-pro-plugin {
         max-width: 100%;
         margin: 0 auto;
-        padding: 20px;
     }
 }