diff --git a/admin/css/wp-allstars-admin.css b/admin/css/wp-allstars-admin.css index 0023e8c..2c4e389 100644 --- a/admin/css/wp-allstars-admin.css +++ b/admin/css/wp-allstars-admin.css @@ -1377,6 +1377,12 @@ body.wp-admin .button.pricing-button:hover, box-sizing: border-box !important; } +/* Fix general tab width to use full content width */ +#general .wp-allstars-settings-section { + max-width: 100% !important; + width: 100% !important; +} + /* Fix specific tab content */ #general .wp-setting-row, #advanced .wp-setting-row, @@ -1389,4 +1395,20 @@ body.wp-admin .button.pricing-button:hover, box-sizing: border-box !important; margin-left: 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 */ +#recommended .nav-tab-wrapper, +#recommended .subsubsub { + max-width: 100% !important; + width: 100% !important; + box-sizing: border-box; + margin: 0 0 25px 0 !important; + text-align: center; } \ No newline at end of file diff --git a/admin/js/wp-allstars-admin.js b/admin/js/wp-allstars-admin.js index 0969cd7..1fb7408 100644 --- a/admin/js/wp-allstars-admin.js +++ b/admin/js/wp-allstars-admin.js @@ -83,7 +83,7 @@ jQuery(document).ready(function($) { // Handle text input changes - $('.wp-allstars-setting-row input[type="text"], .wp-allstars-setting-row input[type="number"], .wp-allstars-setting-row textarea').on('change', function() { + $('.wp-allstars-setting-row input[type="text"], .wp-allstars-setting-row input[type="number"], .wp-allstars-setting-row textarea').on('blur change', function() { var $input = $(this); var option = $input.attr('name'); var value = $input.val();