From 107f248886d00fc6259b0637bf960e9293e632e4 Mon Sep 17 00:00:00 2001
From: kaubu <29447633+kaubu@users.noreply.github.com>
Date: Fri, 1 Dec 2023 10:22:27 +0000
Subject: [PATCH] v1.2.2 - Fixed Background length

---
 dist/output.css         | 6 ++++++
 src/views/Generator.vue | 4 ++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/dist/output.css b/dist/output.css
index 9bebc2f..4eedd65 100644
--- a/dist/output.css
+++ b/dist/output.css
@@ -1283,6 +1283,12 @@ html {
     --tw-bg-opacity: 1;
     background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
   }
+
+  .table-zebra tr.hover:hover,
+  .table-zebra tr.hover:nth-child(even):hover {
+    --tw-bg-opacity: 1;
+    background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
+  }
 }
 
 .btn {
diff --git a/src/views/Generator.vue b/src/views/Generator.vue
index d2c5b4d..ad235bc 100644
--- a/src/views/Generator.vue
+++ b/src/views/Generator.vue
@@ -80,7 +80,7 @@
         </thead>
         <tbody>
           <!-- row 1 -->
-          <tr v-for="(namePair, index) in generatedNamesTable">
+          <tr v-for="(namePair, index) in generatedNamesTable" class="hover">
             <!-- {{ console.log(`index = ${index}`) }} -->
             
             <!-- Index -->
@@ -137,7 +137,7 @@
               </p>
             </td>
 
-            <td>
+            <td style="max-width: 390px;">
               <!-- <details class="collapse collapse-arrow bg-base-200">
                 <summary class="collapse-title text-l font-small">{{ namePair[0].english_name }}</summary>
                 <div class="collapse-content">