From 3348466f3b4ec2eb99ad99fa14a40bea63e0f73b Mon Sep 17 00:00:00 2001
From: Z8MB1E <jason@onyxsimple.com>
Date: Tue, 25 Aug 2026 12:31:53 -0400
Subject: [PATCH] fix(roster): tighten tab icon spacing and allow org chart
 scroll

Add gap-1.5 to the roster tab triggers so icons and labels are not
glued together, and let the org chart tab scroll horizontally instead
of overflowing the page.
---
 src/components/frontend/roster/RosterView.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/frontend/roster/RosterView.tsx b/src/components/frontend/roster/RosterView.tsx
index 33af640..59f07f3 100644
--- a/src/components/frontend/roster/RosterView.tsx
+++ b/src/components/frontend/roster/RosterView.tsx
@@ -401,25 +401,25 @@ export function RosterView({
     <RosterDisplayContext.Provider value={leadOrActual}>
       <Tabs defaultValue="org">
         <TabsList variant="line">
-          <TabsTrigger value="org">
+          <TabsTrigger value="org" className="gap-1.5">
             <NetworkIcon className="size-3" />
             Org Chart
           </TabsTrigger>
-          <TabsTrigger value="assignment">
+          <TabsTrigger value="assignment" className="gap-1.5">
             <Building2Icon className="size-3" />
             By Assignment
           </TabsTrigger>
-          <TabsTrigger value="rank">
+          <TabsTrigger value="rank" className="gap-1.5">
             <ShieldIcon className="size-3" />
             By Rank
           </TabsTrigger>
-          <TabsTrigger value="alpha">
+          <TabsTrigger value="alpha" className="gap-1.5">
             <ListIcon className="size-3" />
             A–Z
           </TabsTrigger>
         </TabsList>
 
-        <TabsContent value="org">
+        <TabsContent value="org" className="overflow-x-scroll">
           <OrgChartView assignments={assignments} members={members} />
         </TabsContent>
         <TabsContent value="assignment">