diff --git a/src/opnsense/mvc/app/views/layout_partials/base_dialog.volt b/src/opnsense/mvc/app/views/layout_partials/base_dialog.volt
index 75e778396..fd63f8f39 100644
--- a/src/opnsense/mvc/app/views/layout_partials/base_dialog.volt
+++ b/src/opnsense/mvc/app/views/layout_partials/base_dialog.volt
@@ -107,10 +107,16 @@
- {{field['label']}} |
+
+
+
+
+ {{field['label']}}
+
+ |
-
+
{#- endmacro #}
{% else %}
diff --git a/src/opnsense/mvc/app/views/layout_partials/base_form.volt b/src/opnsense/mvc/app/views/layout_partials/base_form.volt
index b12495e87..e7cdcab50 100644
--- a/src/opnsense/mvc/app/views/layout_partials/base_form.volt
+++ b/src/opnsense/mvc/app/views/layout_partials/base_form.volt
@@ -85,13 +85,13 @@
- |
+ |
{{field['label']}}
-
+ |
diff --git a/src/opnsense/mvc/app/views/layouts/default.volt b/src/opnsense/mvc/app/views/layouts/default.volt
index 88ef2e2e7..2205c8fae 100644
--- a/src/opnsense/mvc/app/views/layouts/default.volt
+++ b/src/opnsense/mvc/app/views/layouts/default.volt
@@ -112,11 +112,12 @@
});
}, 500);
+ // Register collapsible table headers
$('.table').on('click', 'thead', function(event) {
let collapse = $(event.currentTarget).next();
let id = collapse.attr('class');
if (collapse != undefined && id !== undefined && id === "collapsible") {
- let icon = $('> tr > td > div > i', event.currentTarget);
+ let icon = $('> tr > th > div > i', event.currentTarget);
icon.toggleClass("fa-angle-down fa-angle-right");
$('> tr > td', collapse).fadeToggle(150);
}