From c6306b073da9d44d59f7ec99b98334d593ee596b Mon Sep 17 00:00:00 2001
From: BlossomiShymae <87099578+BlossomiShymae@users.noreply.github.com>
Date: Fri, 3 May 2024 08:28:55 -0500
Subject: [PATCH] Make table bar clickable

---
 pages/champions/index.vue      | 4 ++--
 pages/items/index.vue          | 4 ++--
 pages/summoner-icons/index.vue | 4 ++--
 pages/ward-skins/index.vue     | 4 ++--
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/pages/champions/index.vue b/pages/champions/index.vue
index ade0c72..93bbee6 100644
--- a/pages/champions/index.vue
+++ b/pages/champions/index.vue
@@ -12,9 +12,9 @@
               </tr>
           </thead>
           <tbody>
-            <tr v-for="summary in summaries" :key="summary.id">
+            <tr v-for="summary in summaries" :key="summary.id" style="position: relative;">
                 <th scope="row">
-                    <NuxtLink class="text-decoration-none text-light" :to="`/champions/overview/${summary.id}`">
+                    <NuxtLink class="text-decoration-none text-light stretched-link" :to="`/champions/overview/${summary.id}`">
                         {{ summary.id }}
                     </NuxtLink>
                 </th>
diff --git a/pages/items/index.vue b/pages/items/index.vue
index d47fd8a..63b7e07 100644
--- a/pages/items/index.vue
+++ b/pages/items/index.vue
@@ -13,9 +13,9 @@
                   </tr>
               </thead>
               <tbody>
-                <tr v-for="item in items" :key="item.id">
+                <tr v-for="item in items" :key="item.id" style="position: relative;">
                     <th scope="row">
-                        <NuxtLink class="text-decoration-none text-light" :to="`/items/overview/${item.id}`">
+                        <NuxtLink class="text-decoration-none text-light stretched-link" :to="`/items/overview/${item.id}`">
                             {{ item.id }}
                         </NuxtLink>
                     </th>
diff --git a/pages/summoner-icons/index.vue b/pages/summoner-icons/index.vue
index 8726568..5499af7 100644
--- a/pages/summoner-icons/index.vue
+++ b/pages/summoner-icons/index.vue
@@ -15,9 +15,9 @@
                   </tr>
               </thead>
               <tbody>
-                <tr v-for="icon in pages[index]" :key="icon.id">
+                <tr v-for="icon in pages[index]" :key="icon.id" style="position: relative;">
                         <th scope="row">
-                            <NuxtLink class="text-decoration-none text-light" :to="`/summoner-icons/overview/${icon.id}`">
+                            <NuxtLink class="text-decoration-none text-light stretched-link" :to="`/summoner-icons/overview/${icon.id}`">
                                 {{ icon.id }}
                             </NuxtLink>
                         </th>
diff --git a/pages/ward-skins/index.vue b/pages/ward-skins/index.vue
index 0ce8a23..32b6e83 100644
--- a/pages/ward-skins/index.vue
+++ b/pages/ward-skins/index.vue
@@ -15,9 +15,9 @@
                   </tr>
               </thead>
               <tbody>
-                      <tr v-for="skin in pages[index]" :key="skin.id">
+                      <tr v-for="skin in pages[index]" :key="skin.id" style="position: relative;">
                           <th scope="row">
-                              <NuxtLink class="text-decoration-none text-light" :to="`/ward-skins/overview/${skin.id}`">
+                              <NuxtLink class="text-decoration-none text-light stretched-link" :to="`/ward-skins/overview/${skin.id}`">
                                   {{ skin.id }}
                               </NuxtLink>
                           </th>