From 7af144d03cf9f4136c98401fc5dbc43c0cc38493 Mon Sep 17 00:00:00 2001
From: Baptiste <rebillar@insa-toulouse.fr>
Date: Sat, 5 Apr 2025 13:22:36 +0200
Subject: [PATCH] fix: overflow sur tel

---
 index.html | 36 +++++++++++++++++++-----------------
 1 file changed, 19 insertions(+), 17 deletions(-)

diff --git a/index.html b/index.html
index 86d42e0..af12d8d 100644
--- a/index.html
+++ b/index.html
@@ -19,19 +19,21 @@
   <!-- Tableau des résultats -->
   <div class="bg-white shadow-lg p-6 rounded-lg w-full sm:w-1/2 md:w-1/3 lg:w-1/2 mt-6">
     <h2 class="text-lg font-bold mb-4 text-center">Résultats</h2>
-    <table class="min-w-full table-auto">
-      <thead>
-        <tr class="bg-gray-100">
-          <th class="px-4 py-2 text-left">Joueur</th>
-          <th class="px-4 py-2 text-left">Temps</th>
-          <th class="px-4 py-2 text-left">Début</th>
-          <th class="px-4 py-2 text-left">Fin</th>
-        </tr>
-      </thead>
-      <tbody id="resultsTable">
-        <!-- Les résultats seront insérés ici -->
-      </tbody>
-    </table>
+    <div class="overflow-x-auto">
+      <table class="min-w-full table-auto">
+        <thead>
+          <tr class="bg-gray-100">
+            <th class="px-4 py-2 text-left">Joueur</th>
+            <th class="px-4 py-2 text-left">Temps</th>
+            <th class="px-4 py-2 text-left">Début</th>
+            <th class="px-4 py-2 text-left">Fin</th>
+          </tr>
+        </thead>
+        <tbody id="resultsTable">
+          <!-- Les résultats seront insérés ici -->
+        </tbody>
+      </table>
+    </div>
   </div>
   
   <script>
@@ -131,19 +133,19 @@
         row.className = "border-t";
 
         const playerCell = document.createElement("td");
-        playerCell.className = "px-4 py-2";
+        playerCell.className = "px-4 py-2 whitespace-nowrap";
         playerCell.textContent = id;
         
         const startCell = document.createElement("td");
-        startCell.className = "px-4 py-2";
+        startCell.className = "px-4 py-2 whitespace-nowrap";
         startCell.textContent = startTime;
 
         const endCell = document.createElement("td");
-        endCell.className = "px-4 py-2";
+        endCell.className = "px-4 py-2 whitespace-nowrap";
         endCell.textContent = endTime;
 
         const deltaCell = document.createElement("td");
-        deltaCell.className = "px-4 py-2";
+        deltaCell.className = "px-4 py-2 whitespace-nowrap";
         deltaCell.textContent = TimeMS(delta);
 
         row.appendChild(playerCell);