tui: fix session tab alignment in compact view to prevent vertical overflow

Author: iamdavidhill

packages/app/src/components/session/session-sortable-tab.tsx

@@ -37,8 +37,8 @@ export function SortableTab(props: { tab: string; onTabClose: (tab: string) => v
     return <FileVisual path={value} />
   })
   return (
-    <div use:sortable classList={{ "h-full": true, "opacity-0": sortable.isActiveDraggable }}>
-      <div class="relative h-full">
+    <div use:sortable class="h-full flex items-center" classList={{ "opacity-0": sortable.isActiveDraggable }}>
+      <div class="relative">
         <Tabs.Trigger
           value={props.tab}
           closeButton={

packages/ui/src/components/tabs.css

@@ -171,7 +171,7 @@
 
     [data-slot="tabs-trigger-wrapper"] {
       height: var(--tabs-compact-pill-height);
-      margin-block: calc((var(--tabs-bar-height) - var(--tabs-compact-pill-height)) / 2);
+      margin-block: 0;
       max-width: 320px;
       padding-inline: var(--tabs-compact-pill-padding-x);
       box-sizing: border-box;