From 7eb49ac1c72590363408d187591a99c8155a7bb7 Mon Sep 17 00:00:00 2001
From: Michael Freno <michaelt.freno@gmail.com>
Date: Sat, 7 Feb 2026 14:53:22 -0500
Subject: [PATCH] on left

---
 src/components/TabNavigation.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/TabNavigation.tsx b/src/components/TabNavigation.tsx
index b43534d..8db6925 100644
--- a/src/components/TabNavigation.tsx
+++ b/src/components/TabNavigation.tsx
@@ -18,7 +18,7 @@ export const tabs: TabDefinition[] = [
 export function TabNavigation(props: TabNavigationProps) {
   const { theme } = useTheme();
   return (
-    <box style={{ flexDirection: "row", gap: 1 }}>
+    <box style={{ flexDirection: "column", gap: 1, width: 20 }}>
       <For each={tabs}>
         {(tab) => (
           <box
@@ -27,6 +27,7 @@ export function TabNavigation(props: TabNavigationProps) {
             onMouseDown={() => props.onTabSelect(tab.id)}
             style={{
               padding: 1,
+              paddingLeft: 2,
               backgroundColor:
                 tab.id == props.activeTab ? theme.primary : "transparent",
             }}