From 127709bb6cab023dbc5f879d612560d400528944 Mon Sep 17 00:00:00 2001
From: yohlo <yohlerkyle@gmail.com>
Date: Sat, 11 Oct 2025 00:33:27 -0500
Subject: [PATCH] more imporvmentes

---
 src/features/teams/components/team-list.tsx | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/features/teams/components/team-list.tsx b/src/features/teams/components/team-list.tsx
index e119301..0812a84 100644
--- a/src/features/teams/components/team-list.tsx
+++ b/src/features/teams/components/team-list.tsx
@@ -22,12 +22,21 @@ const TeamListItem = React.memo(({ team }: TeamListItemProps) => {
     [team.players]
   );
 
+  const teamNameSize = useMemo(() => {
+    const nameLength = team.name.length;
+    if (nameLength > 20) return 'xs';
+    if (nameLength > 15) return 'sm';
+    return 'md';
+  }, [team.name]);
+
   return (
-    <Group justify="space-between" w="100%">
-      <Text fw={500}>{`${team.name}`}</Text>
-      <Stack ml="auto" gap={0}>
-        {playerNames.map((name) => (
-          <Text size="xs" c="dimmed" ta="right">
+    <Group justify="space-between" w="100%" wrap="nowrap">
+      <Text fw={500} size={teamNameSize} style={{ flexShrink: 1, minWidth: 0, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>
+        {`${team.name}`}
+      </Text>
+      <Stack ml="auto" gap={0} style={{ flexShrink: 0 }}>
+        {playerNames.map((name, idx) => (
+          <Text key={idx} size="xs" c="dimmed" ta="right">
             {name}
           </Text>
         ))}