From 8a064a0a817e84f706d4e8182db09813a9f67e6f Mon Sep 17 00:00:00 2001
From: Monviech <gitacc@pischem.com>
Date: Thu, 28 May 2026 09:19:31 +0200
Subject: [PATCH] Rework the buttons, only use icons with tooltips, always show
 the expand tree button

---
 .../mvc/app/views/OPNsense/Firewall/filter_rule.volt | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/src/opnsense/mvc/app/views/OPNsense/Firewall/filter_rule.volt b/src/opnsense/mvc/app/views/OPNsense/Firewall/filter_rule.volt
index a4ee6da3c8..8903c521d3 100644
--- a/src/opnsense/mvc/app/views/OPNsense/Firewall/filter_rule.volt
+++ b/src/opnsense/mvc/app/views/OPNsense/Firewall/filter_rule.volt
@@ -906,13 +906,12 @@
             localStorage.setItem("firewall_rule_tree", treeViewEnabled ? "1" : "0");
             $(this).toggleClass('active btn-primary', treeViewEnabled);
             $("#{{formGridFilterRule['table_id']}}").toggleClass("tree-enabled", treeViewEnabled);
-            $("#tree_expand_container").toggle(treeViewEnabled);
             grid.bootgrid("reload");
         });
 
-        // Visible only when tree view is enabled
         $("#tree_expand_container").detach().insertAfter("#tree_toggle_container");
-        $("#tree_expand_container").toggle(treeViewEnabled);
+        $("#tree_expand_container").show();
+
         $('#expand_tree_button').on('click', function () {
             const $table = $('#{{ formGridFilterRule["table_id"] }}');
 
@@ -1184,7 +1183,6 @@
                     data-placement="bottom"
                     title="{{ lang._('Show statistics and a detailed view of the current ruleset') }}">
                 <i class="fa fa-fw fa-eye" aria-hidden="true"></i>
-                {{ lang._('Inspect') }}
             </button>
             <input id="all_rules_checkbox" type="checkbox" style="display: none;">
         </div>
@@ -1194,9 +1192,8 @@
                     class="btn btn-default"
                     data-toggle="tooltip"
                     data-placement="bottom"
-                    title="{{ lang._('Show all categories in a tree') }}">
-                <i class="fa fa-fw fa-sitemap" aria-hidden="true"></i>
-                {{ lang._('Tree') }}
+                    title="{{ lang._('Group rules by categories') }}">
+                <i class="fa fa-fw fa-tag" aria-hidden="true"></i>
             </button>
         </div>
         <div id="tree_expand_container" class="btn-group">
@@ -1205,7 +1202,6 @@
                     class="btn btn-default"
                     data-toggle="tooltip"
                     data-placement="bottom"
-                    data-delay='{"show": 1000}'
                     title="{{ lang._('Expand/Collapse all') }}">
                 <i class="fa fa-fw fa-angle-double-down" aria-hidden="true"></i>
             </button>