From 4491086c55b242bd935095a2c02def3b58df518b Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sun, 18 Jan 2026 12:34:00 +0200
Subject: [PATCH] style(sql_console): improve header & footer inputs

---
 apps/client/src/stylesheets/table.css         | 47 +++++++++++++++++--
 .../src/widgets/type_widgets/SqlConsole.css   |  4 --
 2 files changed, 44 insertions(+), 7 deletions(-)

diff --git a/apps/client/src/stylesheets/table.css b/apps/client/src/stylesheets/table.css
index afd85857f..3facb01e4 100644
--- a/apps/client/src/stylesheets/table.css
+++ b/apps/client/src/stylesheets/table.css
@@ -40,10 +40,33 @@
     border-bottom: var(--col-header-bottom-border);
     background: var(--col-header-background-color);
     color: var(--col-header-text-color);
-}
 
-.tabulator .tabulator-col-content {
-    padding: 8px 4px !important;
+    .tabulator-col-content {
+        padding: 0 !important;
+
+        .tabulator-col-title-holder {
+            padding: 8px 4px;
+        }
+
+        &:has(.tabulator-header-filter) {
+            .tabulator-col-title-holder {
+                padding: 4px;
+                padding-bottom: 0;
+            }
+        }
+
+        .tabulator-header-filter {
+            background: var(--main-background-color);
+            padding: 1px;
+
+            input {
+                background: var(--input-background-color);
+                color: var(--input-text-color);
+                border: 1px solid var(--button-border-color);
+                outline: none;
+            }
+        }
+    }
 }
 
 @media (hover: hover) and (pointer: fine) {
@@ -196,4 +219,22 @@
     color: var(--main-text-color);
     border-top: 1px solid var(--main-border-color);
     padding: 10px 0;
+
+    .tabulator-page {
+        background: var(--button-background-color);
+        color: var(--button-text-color);
+        border: 1px solid var(--button-border-color);
+        border-radius: var(--button-border-radius);
+
+        &:hover {
+            border-color: var(--hover-item-border-color);
+            color: var(--button-text-color);
+        }
+    }
+
+    select {
+        background: var(--button-background-color);
+        color: var(--input-text-color);
+        border: 1px solid var(--button-border-color);
+    }
 }
diff --git a/apps/client/src/widgets/type_widgets/SqlConsole.css b/apps/client/src/widgets/type_widgets/SqlConsole.css
index 346dd302a..85b812554 100644
--- a/apps/client/src/widgets/type_widgets/SqlConsole.css
+++ b/apps/client/src/widgets/type_widgets/SqlConsole.css
@@ -29,10 +29,6 @@
                     padding: 0;
                 }
 
-                .tabulator-col-content {
-                    padding: 4px !important;
-                }
-
                 > .tabulator-footer,
                 > .tabulator-footer .tabulator-footer-contents {
                     padding: 2px 4px;