From f9772faa6fd242ee03d31c18002250b53a6f0182 Mon Sep 17 00:00:00 2001
From: Jakob Ketterl <jakob.ketterl@gmx.de>
Date: Tue, 23 Feb 2021 19:23:54 +0100
Subject: [PATCH] add separator before the optional inputs dropdown

---
 htdocs/css/admin.css                   | 4 ++++
 htdocs/lib/settings/OptionalSection.js | 2 +-
 owrx/source/__init__.py                | 1 +
 3 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/htdocs/css/admin.css b/htdocs/css/admin.css
index 24aa8fc..38dae89 100644
--- a/htdocs/css/admin.css
+++ b/htdocs/css/admin.css
@@ -5,6 +5,10 @@ html, body {
     height: unset;
 }
 
+hr {
+    background: gray;
+}
+
 .buttons {
     text-align: right;
 }
diff --git a/htdocs/lib/settings/OptionalSection.js b/htdocs/lib/settings/OptionalSection.js
index 8c60fa4..4ba9b6d 100644
--- a/htdocs/lib/settings/OptionalSection.js
+++ b/htdocs/lib/settings/OptionalSection.js
@@ -7,7 +7,7 @@ $.fn.optionalSection = function(){
             var field = $select.val();
             var group = $optionalInputs.find(".form-group[data-field='" + field + "']");
             group.find('input, select').prop('disabled', false);
-            $select.parents('.form-group').before(group);
+            $section.find('hr').before(group);
             $select.find('option[value=\'' + field + '\']').remove();
 
             return false;
diff --git a/owrx/source/__init__.py b/owrx/source/__init__.py
index bfb28d1..0311453 100644
--- a/owrx/source/__init__.py
+++ b/owrx/source/__init__.py
@@ -392,6 +392,7 @@ class OptionalSection(Section):
 
     def render_optional_select(self):
         return """
+            <hr class="row" />
             <div class="form-group row">
                 <label class="col-form-label col-form-label-sm col-3">
                     Additional optional settings