Fix: Target individual setting rows to limit width to 50% on desktop

This commit is contained in:
Marcus Quinn
2025-03-24 22:48:08 +00:00
parent 016f6000a6
commit 2b01f3523f

View File

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