From 97ac63f5ab2dccfcf3fafe28a0ae61708821a5c5 Mon Sep 17 00:00:00 2001
From: Adrian Hopek <adrian.hopek@blumilk.pl>
Date: Fri, 29 Apr 2022 08:59:39 +0200
Subject: [PATCH] #138 - fix tables on safari

---
 resources/js/Pages/VacationRequest/Index.vue         | 10 ++++------
 .../js/Pages/VacationRequest/IndexForApprovers.vue   | 12 +++++-------
 2 files changed, 9 insertions(+), 13 deletions(-)

diff --git a/resources/js/Pages/VacationRequest/Index.vue b/resources/js/Pages/VacationRequest/Index.vue
index 38427ff..9db138d 100644
--- a/resources/js/Pages/VacationRequest/Index.vue
+++ b/resources/js/Pages/VacationRequest/Index.vue
@@ -132,9 +132,11 @@
           </tr>
         </thead>
         <tbody class="bg-white divide-y divide-gray-100">
-          <tr
+          <InertiaLink
             v-for="request in requests.data"
             :key="request.id"
+            :href="`/vacation/requests/${request.id}`"
+            as="tr"
             class="relative hover:bg-blumilk-25"
           >
             <td class="p-4 text-sm text-gray-500 whitespace-nowrap">
@@ -167,12 +169,8 @@
               >
                 <ChevronRightIcon class="block w-6 h-6 fill-blumilk-500" />
               </InertiaLink>
-              <InertiaLink
-                :href="`/vacation/requests/${request.id}`"
-                class="absolute inset-0 focus:outline-blumilk-500"
-              />
             </td>
-          </tr>
+          </InertiaLink>
           <tr v-if="! requests.data.length">
             <td
               colspan="100%"
diff --git a/resources/js/Pages/VacationRequest/IndexForApprovers.vue b/resources/js/Pages/VacationRequest/IndexForApprovers.vue
index d055c3f..21481bb 100644
--- a/resources/js/Pages/VacationRequest/IndexForApprovers.vue
+++ b/resources/js/Pages/VacationRequest/IndexForApprovers.vue
@@ -211,10 +211,12 @@
           </tr>
         </thead>
         <tbody class="bg-white divide-y divide-gray-100">
-          <tr
+          <InertiaLink
             v-for="request in requests.data"
             :key="request.id"
-            class="relative hover:bg-blumilk-25"
+            as="tr"
+            :href="`/vacation/requests/${request.id}`"
+            class="relative hover:bg-blumilk-25 hover:cursor-pointer"
           >
             <td class="p-4 text-sm text-gray-500 whitespace-nowrap">
               <InertiaLink
@@ -261,12 +263,8 @@
               >
                 <ChevronRightIcon class="block w-6 h-6 fill-blumilk-500" />
               </InertiaLink>
-              <InertiaLink
-                :href="`/vacation/requests/${request.id}`"
-                class="absolute inset-0 focus:outline-blumilk-500"
-              />
             </td>
-          </tr>
+          </InertiaLink>
           <tr v-if="! requests.data.length">
             <td
               colspan="100%"