diff --git a/containers/libreportal/frontend/css/config.css b/containers/libreportal/frontend/css/config.css index ea1031f..4eadfab 100644 --- a/containers/libreportal/frontend/css/config.css +++ b/containers/libreportal/frontend/css/config.css @@ -344,9 +344,9 @@ } /* Thin horizontal rule that separates the config form's sections — one sits - above the Save/Reset buttons, and one at the top of #advanced-sections so a - line appears between the "Show Advanced Options" toggle and the advanced - fields only when they're revealed. */ + above the advanced/danger-zone container, one above the Save/Reset buttons, + and one at the top of #advanced-sections so a line appears between the "Show + Advanced Options" toggle and the advanced fields only when they're revealed. */ .config-divider { height: 0; border: none; diff --git a/containers/libreportal/frontend/js/components/config/config-utils.js b/containers/libreportal/frontend/js/components/config/config-utils.js index b0943d5..f897b0d 100755 --- a/containers/libreportal/frontend/js/components/config/config-utils.js +++ b/containers/libreportal/frontend/js/components/config/config-utils.js @@ -44,6 +44,10 @@ class ConfigUtils { async renderSectionedContent(formHTML, advancedSubcategories, unusedSubcategories, self, category, configData) { // Add danger zone toggle controls if needed if (advancedSubcategories.length > 0 || unusedSubcategories.length > 0) { + // Divider above the advanced/danger-zone container, mirroring the one + // above the Save/Reset buttons — separates the regular fields from the + // "Show Advanced Options" toggle. + formHTML += '
'; formHTML += this.generateToggleControls(advancedSubcategories.length > 0, unusedSubcategories.length > 0); }