more inputs that can display errors

htdocs/lib/settings/WsjtDecodingDepthsInput.js

@@ -45,7 +45,6 @@ $.fn.wsjtDecodingDepthsInput = function() {
         };
 
         $table.on('change', updateValue);
-        $el.append($table);
         var $addButton = $('<button type="button" class="btn btn-sm btn-primary">Add...</button>');
 
         $addButton.on('click', function() {
@@ -63,6 +62,7 @@ $.fn.wsjtDecodingDepthsInput = function() {
             updateValue();
             return false;
         });
-        $el.append($addButton);
+
+        $input.after($table, $addButton);
     });
 };

owrx/form/wsjt.py

@@ -25,16 +25,20 @@ class Q65ModeMatrix(Input):
             disabled="" if interval.is_available(mode) and not self.disabled else "disabled",
         )
 
-    def render_input(self, value, errors):
+    def render_input_group(self, value, errors):
-        checkboxes = "".join(
-            self.render_checkbox(mode, interval, value, errors) for interval in Q65Interval for mode in Q65Mode
-        )
         return """
             <div class="matrix q65-matrix">
                 {checkboxes}
+                {errors}
             </div>
         """.format(
-            checkboxes=checkboxes
+            checkboxes=self.render_input(value, errors),
+            errors=self.render_errors(errors),
+        )
+
+    def render_input(self, value, errors):
+        return "".join(
+            self.render_checkbox(mode, interval, value, errors) for interval in Q65Interval for mode in Q65Mode
         )
 
     def input_classes(self, error):