From f1277aadf1586dfd9e0e816443c8a44fb6f58196 Mon Sep 17 00:00:00 2001
From: AI Christianson <ai.christianson@christianson.ai>
Date: Fri, 14 Mar 2025 17:08:08 -0400
Subject: [PATCH] session panel spacing

---
 frontend/common/src/components/SessionList.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/frontend/common/src/components/SessionList.tsx b/frontend/common/src/components/SessionList.tsx
index d517a23..fd2eab6 100644
--- a/frontend/common/src/components/SessionList.tsx
+++ b/frontend/common/src/components/SessionList.tsx
@@ -46,17 +46,17 @@ export const SessionList: React.FC<SessionListProps> = ({
 
   return (
     <ScrollArea className={`${className}`}>
-      <div className="p-4 space-y-4">
+      <div className="px-2 py-2 space-y-3 w-full">
         {sessions.map((session) => {
           const buttonContent = (
             <>
-              <div className={`w-3 h-3 rounded-full ${getStatusColor(session.status)} mt-1.5 mr-3 flex-shrink-0`} />
-              <div className="flex-1 min-w-0">
-                <div className="font-medium truncate">{session.name}</div>
-                <div className="text-xs text-muted-foreground mt-1">
+              <div className={`w-2.5 h-2.5 rounded-full ${getStatusColor(session.status)} mt-1.5 mr-2 flex-shrink-0`} />
+              <div className="flex-1 min-w-0 w-full overflow-hidden">
+                <div className="font-medium truncate max-w-full">{session.name}</div>
+                <div className="text-xs text-muted-foreground mt-0.5 truncate">
                   {session.steps.length} steps • {formatDate(session.updated)}
                 </div>
-                <div className="text-xs text-muted-foreground mt-1">
+                <div className="text-xs text-muted-foreground mt-0.5 truncate">
                   <span className="capitalize">{session.status}</span>
                 </div>
               </div>
@@ -68,7 +68,7 @@ export const SessionList: React.FC<SessionListProps> = ({
             {
               key: session.id,
               onClick: () => onSelectSession?.(session.id),
-              className: `w-full flex items-start p-3 text-left rounded-md transition-colors hover:bg-accent/50 ${
+              className: `w-full flex items-start px-2 py-2 text-left rounded-md transition-colors hover:bg-accent/50 ${
                 currentSessionId === session.id ? 'bg-accent' : ''
               }`
             },