fix(filter): changed equal and not equal icon to text character to avoid weird resizing

static/scripts/grid/filter_toggle.js

@@ -87,12 +87,16 @@ class BrickFilterToggle {
         const icon = toggle.querySelector('i');
 
         if (mode === 'not-equals') {
-            icon.className = 'ri-indeterminate-circle-line';
+            // Use ≠ symbol (text character)
+            icon.className = '';
+            icon.textContent = '≠';
             toggle.classList.remove('btn-outline-secondary');
             toggle.classList.add('btn-outline-danger');
             toggle.title = 'NOT equals (click to toggle)';
         } else {
-            icon.className = 'ri-equal-line';
+            // Use = symbol (text character) instead of icon
+            icon.className = '';
+            icon.textContent = '=';
             toggle.classList.remove('btn-outline-danger');
             toggle.classList.add('btn-outline-secondary');
             toggle.title = 'Equals (click to toggle)';

templates/macro/form.html

@@ -72,6 +72,6 @@
     data-filter-target="{{ filter_id }}"
     data-filter-mode="equals"
     title="Toggle between equals and not equals">
-    <i class="ri-equal-line"></i>
+    <i>=</i>
   </button>
 {% endmacro %}