From d6debbdf7e3aa6fd5834bd3a3158a902efe75036 Mon Sep 17 00:00:00 2001
From: Saso Jermancic <saso@bunny.net>
Date: Fri, 15 May 2026 17:07:18 +0200
Subject: [PATCH] DASH-2946 feat(Outerbase): Reduced table header row header
 paddings and added ellipsis

---
 src/components/gui/query-result-table.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/gui/query-result-table.tsx b/src/components/gui/query-result-table.tsx
index 8c5173f9..7416c9e4 100644
--- a/src/components/gui/query-result-table.tsx
+++ b/src/components/gui/query-result-table.tsx
@@ -51,26 +51,26 @@ function Header({
   const colIndex = header.index;
 
   let textClass = "grow line-clamp-1 font-mono font-bold";
-  let thClass = "flex grow items-center px-2 overflow-hidden";
+  let thClass = "flex grow items-center overflow-hidden";
 
   if (internalState.getSelectedColIndex().includes(colIndex)) {
     if (internalState.isFullSelectionCol(colIndex)) {
       textClass =
         "grow line-clamp-1 font-mono font-bold text-black dark:text-white font-bold";
       thClass =
-        "flex grow items-center px-2 overflow-hidden bg-neutral-100 dark:bg-neutral-900";
+        "flex grow items-center overflow-hidden bg-neutral-100 dark:bg-neutral-900";
     } else {
       textClass =
         "grow line-clamp-1 font-mono font-bold dark:text-white font-bold";
       thClass =
-        "flex grow items-center px-2 overflow-hidden bg-neutral-100 dark:bg-neutral-900";
+        "flex grow items-center overflow-hidden bg-neutral-100 dark:bg-neutral-900";
     }
   }
 
   return (
-    <div className={thClass}>
+    <div className={thClass + ' px-2'}>
       <div
-        className={thClass}
+        className={thClass + ' pe-2'}
         onMouseDown={(e) => {
           if (e.button === 2) {
             setOpen(true);
@@ -96,7 +96,7 @@ function Header({
             />
           </div>
         ) : null}
-        <div className={textClass}>{header.display.text}</div>
+        <div className={textClass + ' text-ellipsis'}>{header.display.text}</div>
       </div>
       <div>
         <DropdownMenu modal={false} onOpenChange={setOpen} open={open}>