From 1fc7ff95a2a5d128beff6c47e0592316913467c6 Mon Sep 17 00:00:00 2001
From: librelad <librelad@digitalangels.vip>
Date: Fri, 22 May 2026 13:32:16 +0100
Subject: [PATCH] style(config): divider below features Danger Zone, drop
 config-actions top padding

Add a config-divider after the header-only Danger Zone banner on the features page so a line separates it from the feature fields. Drop the now-redundant 24px top padding on .config-actions since the divider above the Save/Reset buttons already provides that spacing.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Signed-off-by: librelad <librelad@digitalangels.vip>
---
 containers/libreportal/frontend/css/config.css                 | 2 +-
 .../frontend/js/components/config/config-manager.js            | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/containers/libreportal/frontend/css/config.css b/containers/libreportal/frontend/css/config.css
index 4eadfab..4c81bba 100644
--- a/containers/libreportal/frontend/css/config.css
+++ b/containers/libreportal/frontend/css/config.css
@@ -339,7 +339,7 @@
 .config-actions {
   display: flex;
   gap: 12px;
-  padding-top: 24px;
+  padding-top: 0;
   margin-top: 0px;
 }
 
diff --git a/containers/libreportal/frontend/js/components/config/config-manager.js b/containers/libreportal/frontend/js/components/config/config-manager.js
index 83f23ab..260042d 100755
--- a/containers/libreportal/frontend/js/components/config/config-manager.js
+++ b/containers/libreportal/frontend/js/components/config/config-manager.js
@@ -102,6 +102,9 @@ if (typeof window.ConfigManager === 'undefined') {
         // the heading.
         if (category === 'features') {
           formHTML += '<div class="danger-zone-section danger-zone-section--header-only"><div class="danger-zone-header"><h3>⚠️ Danger Zone</h3><p>These options are for advanced users and may affect system stability</p></div></div>';
+          // Divider below the features Danger Zone banner, separating it from
+          // the feature fields — same rule used elsewhere in the config form.
+          formHTML += '<div class="config-divider"></div>';
         }
         
         //console.log('ConfigManager: About to process configData entries:', Object.keys(configData));