Fix content width consistency across tabs - ensure all tabs have 700px content width

This commit is contained in:
Marcus Quinn
2025-03-25 01:54:03 +00:00
parent 4f88de74f6
commit 817b564813

View File

@ -1048,7 +1048,7 @@ body.wp-admin .button.pricing-button:hover,
.wp-allstars-tab-content .wp-setting-row, .wp-allstars-tab-content .wp-setting-row,
.wp-allstars-tab-content .wp-allstars-toggle, .wp-allstars-tab-content .wp-allstars-toggle,
#readme .wpa-pro-plugin { #readme .wpa-pro-plugin {
max-width: 50%; max-width: 700px; /* Change from 50% to match global 700px width */
margin: 0 auto 20px auto; margin: 0 auto 20px auto;
box-sizing: border-box; box-sizing: border-box;
padding: 0; padding: 0;
@ -1377,18 +1377,13 @@ body.wp-admin .button.pricing-button:hover,
box-sizing: border-box !important; box-sizing: border-box !important;
} }
/* Fix general tab width to use full content width */ /* Fix specific tab content - ensure all sections use the same width */
#general .wp-allstars-settings-section {
max-width: 100% !important;
width: 100% !important;
}
/* Fix specific tab content */
#general .wp-setting-row, #general .wp-setting-row,
#general .wp-allstars-toggle,
#advanced .wp-setting-row, #advanced .wp-setting-row,
#advanced .wp-allstars-toggle, #advanced .wp-allstars-toggle,
#workflow .wp-allstars-toggle,
#workflow .wp-setting-row, #workflow .wp-setting-row,
#workflow .wp-allstars-toggle,
#readme .wp-allstars-markdown-content { #readme .wp-allstars-markdown-content {
max-width: 700px !important; max-width: 700px !important;
width: 100% !important; width: 100% !important;
@ -1397,12 +1392,6 @@ body.wp-admin .button.pricing-button:hover,
margin-right: auto !important; margin-right: auto !important;
} }
/* Make sure advanced tab content matches workflow tab width */
#advanced .wp-allstars-settings-section {
max-width: 700px !important;
width: 100% !important;
}
/* Keep free plugins navigation full width */ /* Keep free plugins navigation full width */
#recommended .nav-tab-wrapper, #recommended .nav-tab-wrapper,
#recommended .subsubsub { #recommended .subsubsub {