From 6ba486a2165a9101b462d2e1c15ad0db01641c29 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Thu, 7 Aug 2025 09:43:03 +0200
Subject: [PATCH] design: beautiful table

---
 src/modules/5s/BoardGameWorkshop.vue | 30 +++++++++++++++-------------
 1 file changed, 16 insertions(+), 14 deletions(-)

diff --git a/src/modules/5s/BoardGameWorkshop.vue b/src/modules/5s/BoardGameWorkshop.vue
index 84858af..762fc6e 100644
--- a/src/modules/5s/BoardGameWorkshop.vue
+++ b/src/modules/5s/BoardGameWorkshop.vue
@@ -29,20 +29,22 @@ const submit = () => {
   <div class="board-game-workshop prose">
     <aside>
       <h2>Tools</h2>
-      <table>
-        <thead>
-          <tr>
-            <th>Tool</th>
-            <th>Alias</th>
-          </tr>
-        </thead>
-        <tbody>
-          <tr v-for="tool in boardGameStore.tools" :key="tool.alias">
-            <td>{{ tool.name }}</td>
-            <td>{{ tool.alias }}</td>
-          </tr>
-        </tbody>
-      </table>
+      <div class="overflow-x-auto">
+        <table class="table table-zebra">
+          <thead>
+            <tr>
+              <th>Tool</th>
+              <th>Alias</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr v-for="tool in boardGameStore.tools" :key="tool.alias">
+              <td>{{ tool.name }}</td>
+              <td>{{ tool.alias }}</td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
     </aside>
 
     <div class="main">