fixing style

Author: invisal

src/components/gui/query-result-table.tsx

@@ -43,7 +43,7 @@ function Header({
     <DropdownMenu modal={false} onOpenChange={setOpen} open={open}>
       <DropdownMenuTrigger asChild>
         <div
-          className="flex grow items-center px-2"
+          className="flex grow items-center px-2 overflow-hidden"
           onContextMenu={() => {
             setOpen(true);
           }}
@@ -52,7 +52,7 @@ function Header({
           <div className="grow line-clamp-1 font-mono font-bold">
             {header.displayName}
           </div>
-          <LucideChevronDown className="text-mute w-4 h-4 cursor-pointer" />
+          <LucideChevronDown className="text-mute w-4 h-4 cursor-pointer flex-shrink-0" />
         </div>
       </DropdownMenuTrigger>
       <DropdownMenuContent

src/components/gui/table-optimized/index.tsx

@@ -182,7 +182,8 @@ function renderCellList({
       >
         {hasSticky && (
           <td
-            className={cn("sticky left-0 z-1", "bg-background")}
+            style={{ zIndex: 100 }}
+            className={cn("sticky left-0", "bg-background")}
             onMouseDown={handleCellClicked(
               absoluteRowIndex,
               headers[0]?.index ?? -1

src/components/listview/index.tsx

@@ -219,7 +219,7 @@ function renderList<T>(props: ListViewRendererProps<T>): React.ReactElement {
                       )}
                     />
                   )}
-                  <div className="text-xs">
+                  <div className="text-xs line-clamp-1">
                     <Highlight text={item.name} highlight={highlight} />
                     {item.badgeContent && (
                       <span