add separator before the optional inputs dropdown

htdocs/css/admin.css

@@ -5,6 +5,10 @@ html, body {
     height: unset;
 }
 
+hr {
+    background: gray;
+}
+
 .buttons {
     text-align: right;
 }

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;

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