From c8a764e82f04ee3eebb7f22988bd0e58c01e3b2e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jonas=20R=C3=B6ger?= <jonas.roeger@tu-dortmund.de>
Date: Sat, 22 Aug 2026 20:26:04 +0200
Subject: [PATCH] feat(web): shrink table

---
 web/src/App.svelte                     | 1 +
 web/src/components/SolverOutput.svelte | 8 +++++---
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/web/src/App.svelte b/web/src/App.svelte
index 5be8643..e1bc952 100644
--- a/web/src/App.svelte
+++ b/web/src/App.svelte
@@ -141,6 +141,7 @@
            flex flex-wrap
            items-center justify-center p-10 gap-2
            overflow-x-hidden
+  select-none
   "
 >
     <a
diff --git a/web/src/components/SolverOutput.svelte b/web/src/components/SolverOutput.svelte
index cb9f1cc..eef1323 100644
--- a/web/src/components/SolverOutput.svelte
+++ b/web/src/components/SolverOutput.svelte
@@ -48,9 +48,11 @@
         {/if}
     </div>
 {:then d}
-    <div class="rounded-lg border border-gray-500 shadow-sm max-w-full">
+    <div
+        class="select-none rounded-lg border border-gray-500 shadow-sm max-w-full"
+    >
         <table class="w-full text-left text-sm text-gray-700">
-            <thead class="bg-gray-800 text-xs uppercase text-gray-600">
+            <thead class="divide-y divide-x bg-gray-800 text-xs text-gray-600">
                 <tr>
                     <th class="px-4 py-3" title="Rank the solver assigned"></th>
                     <th class="px-4 py-3" title="The best words">Word</th>
@@ -72,7 +74,7 @@
                 </tr>
             </thead>
 
-            <tbody class="divide-y divide-gray-500">
+            <tbody class="divide-y divide-x divide-gray-500">
                 {#each d.stats as s, i}
                     <tr
                         class="transition-colors hover:bg-gray-50"