From bf5e144e5516e5fe67c21a83452757b6a1e5686c Mon Sep 17 00:00:00 2001
From: bytedream <me@bytedream.dev>
Date: Mon, 16 Jun 2025 20:12:19 +0200
Subject: [PATCH] break text in teams table

---
 src/app/website/index/Teams.svelte | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/app/website/index/Teams.svelte b/src/app/website/index/Teams.svelte
index 1b21bbd..8a49d37 100644
--- a/src/app/website/index/Teams.svelte
+++ b/src/app/website/index/Teams.svelte
@@ -13,10 +13,10 @@
   const entries = teams.map((team) => ({
     ...team,
     memberOne: Object.assign(team.memberOne, {
-      dead: team.memberOne.id != null ? deaths.findIndex((d) => d.deadUserId === team.memberOne.id) !== -1 : null,
+      dead: team.memberOne.id != null ? deaths.findIndex((d) => d.deadUserId === team.memberOne.id) !== -1 : null
     }),
     memberTwo: Object.assign(team.memberTwo, {
-      dead: team.memberTwo.id != null ? deaths.findIndex((d) => d.deadUserId === team.memberTwo.id) !== -1 : null,
+      dead: team.memberTwo.id != null ? deaths.findIndex((d) => d.deadUserId === team.memberTwo.id) !== -1 : null
     }),
     kills: deaths.filter((d) => d.killerUserId === team.memberOne.id || d.killerUserId === team.memberTwo.id).length
   }));
@@ -49,7 +49,7 @@
           <td>
             <div class="flex items-center gap-x-2">
               <div class="rounded-sm w-3 h-3" style="background-color: {team.color}"></div>
-              <h3 class="text-xs sm:text-xl" class:text-red-200={!team.memberOne}>
+              <h3 class="text-xs sm:text-xl break-all" class:text-red-200={!team.memberOne}>
                 {team.name}
               </h3>
             </div>
@@ -66,8 +66,10 @@
                   alt="head"
                 />
               {/if}
-              <span class="text-xs sm:text-md" class:line-through={team.memberOne.dead} class:text-gray-500={team.memberOne.id == null}
-                >{team.memberOne.username}</span
+              <span
+                class="text-xs sm:text-md break-all"
+                class:line-through={team.memberOne.dead}
+                class:text-gray-500={team.memberOne.id == null}>{team.memberOne.username}</span
               >
             </div>
           </td>
@@ -80,8 +82,10 @@
                   alt="head"
                 />
               {/if}
-              <span class="text-xs sm:text-md" class:line-through={team.memberTwo.dead} class:text-gray-500={team.memberTwo.id == null}
-                >{team.memberTwo.username}</span
+              <span
+                class="text-xs sm:text-md break-all"
+                class:line-through={team.memberTwo.dead}
+                class:text-gray-500={team.memberTwo.id == null}>{team.memberTwo.username}</span
               >
             </div>
           </td>