From: Alexander Moisseev <moiseev@mezonplus.ru>
Date: Thu, 2 Jul 2026 12:25:34 +0000 (+0300)
Subject: [Minor] WebUI: compact header-filter inputs
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=d733b8e1ee08bb3145130bfbb49476f16239d34c;p=thirdparty%2Frspamd.git

[Minor] WebUI: compact header-filter inputs
---

diff --git a/interface/css/rspamd.css b/interface/css/rspamd.css
index e6986b57f8..92e1492ec6 100644
--- a/interface/css/rspamd.css
+++ b/interface/css/rspamd.css
@@ -204,15 +204,24 @@ textarea {
    appearance:none drops the UA search-input chrome that ignored the
    dark background (input looked too light in dark mode).
    Scoped to text-like inputs so it does not strip the native checkbox
-   (the action filter's "not" toggle) of its checkmark and stretch it. */
-.tabulator .tabulator-header-filter input:not([type="checkbox"], [type="radio"]) {
+   (the action filter's "not" toggle) of its checkmark and stretch it.
+   The full .tabulator > header > col > header-filter path is required:
+   tabulator_bs5.min.css targets the input by that path with higher
+   specificity, so a shorter selector is overridden. */
+.tabulator .tabulator-header .tabulator-col .tabulator-header-filter input:not([type="checkbox"], [type="radio"]) {
     -webkit-appearance: none;
     appearance: none;
     width: 100%;
+    /* Match Bootstrap .form-control-sm — the same metrics the action filter's
+       form-select-sm uses — so text inputs share one size with the select and
+       read smaller than the UA input default. */
+    font-size: 0.875rem;
+    line-height: 1.5;
+    padding: 0.25rem 0.5rem;
     color: var(--bs-body-color);
     background-color: var(--bs-body-bg);
     border: 1px solid var(--bs-border-color);
-    border-radius: 0.375rem;
+    border-radius: 0.25rem;
 }
 
 /* Table body */