Fix: Remove horizontal gaps in accordion content panels

This commit is contained in:
Marcus Quinn
2025-03-24 23:15:20 +00:00
parent e90f6168ed
commit 69623d2660

View File

@ -1009,7 +1009,7 @@ body.wp-admin .button.pricing-button:hover,
max-width: 50%; max-width: 50%;
margin: 0 auto 20px auto; /* Added bottom margin for spacing */ margin: 0 auto 20px auto; /* Added bottom margin for spacing */
box-sizing: border-box; box-sizing: border-box;
padding: 0 10px; /* Add consistent padding */ padding: 0; /* Remove padding here, add it to inner elements */
} }
/* Free Plugins cards need specific targeting */ /* Free Plugins cards need specific targeting */
@ -1058,6 +1058,7 @@ body.wp-admin .button.pricing-button:hover,
/* Prevent text from overlapping dropdown chevron icon */ /* Prevent text from overlapping dropdown chevron icon */
.wp-allstars-toggle-header { .wp-allstars-toggle-header {
position: relative; position: relative;
padding: 15px;
padding-right: 40px; /* Make room for chevron */ padding-right: 40px; /* Make room for chevron */
} }
@ -1068,21 +1069,31 @@ body.wp-admin .button.pricing-button:hover,
/* Fix gaps in advanced settings accordion */ /* Fix gaps in advanced settings accordion */
.wp-allstars-toggle-settings { .wp-allstars-toggle-settings {
padding: 15px; padding: 15px 0;
margin: 0; margin: 0;
background-color: #f8f8f8; background-color: #f8f8f8;
border: 1px solid #eee; border: 1px solid #eee;
border-top: none; border-top: none;
width: 100%;
} }
.wp-allstars-setting-row { .wp-allstars-setting-row {
margin-bottom: 15px; margin-bottom: 15px;
padding: 0 15px;
} }
.wp-allstars-setting-row:last-child { .wp-allstars-setting-row:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
/* Remove side gaps in text inputs and textareas */
.wp-allstars-toggle-settings input[type="text"],
.wp-allstars-toggle-settings textarea {
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
/* Ensure text doesn't overflow */ /* Ensure text doesn't overflow */
.wp-setting-label, .wp-setting-label,
.wp-allstars-toggle-header label, .wp-allstars-toggle-header label,