Limit settings width to 50% in General, Advanced, and Workflow tabs to match readme panel

This commit is contained in:
Marcus Quinn
2025-03-24 22:45:33 +00:00
parent 1cf243d5e1
commit 016f6000a6

View File

@ -995,12 +995,18 @@ body.wp-admin .button.pricing-button:hover,
background-color: rgba(33, 150, 83, 0.05) !important; background-color: rgba(33, 150, 83, 0.05) !important;
} }
/* Read Me Tab Panel */ /* Limit width of content in General, Advanced, Workflow, and Read Me tabs */
#general .wp-allstars-settings-section,
#advanced .wp-allstars-settings-section,
#workflow .wp-allstars-settings-section,
#readme .wpa-pro-plugins { #readme .wpa-pro-plugins {
display: block; display: block;
padding: 20px; padding: 20px;
} }
#general .wp-allstars-settings-grid,
#advanced .wp-allstars-settings-grid,
#workflow .wp-allstars-settings-grid,
#readme .wpa-pro-plugin { #readme .wpa-pro-plugin {
max-width: 50%; max-width: 50%;
margin: 0 auto; margin: 0 auto;
@ -1008,6 +1014,9 @@ body.wp-admin .button.pricing-button:hover,
} }
@media screen and (max-width: 960px) { @media screen and (max-width: 960px) {
#general .wp-allstars-settings-grid,
#advanced .wp-allstars-settings-grid,
#workflow .wp-allstars-settings-grid,
#readme .wpa-pro-plugin { #readme .wpa-pro-plugin {
max-width: 100%; max-width: 100%;
margin: 0 auto; margin: 0 auto;