From 822838fe299edb3d4e4b70ee281cb1e290f10c86 Mon Sep 17 00:00:00 2001
From: James Collins <james.collins@outlook.com.au>
Date: Thu, 2 May 2024 11:42:58 +1000
Subject: [PATCH] locations table responsive

---
 resources/views/admin/location/index.blade.php | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/resources/views/admin/location/index.blade.php b/resources/views/admin/location/index.blade.php
index ec90923..a4b3ed3 100644
--- a/resources/views/admin/location/index.blade.php
+++ b/resources/views/admin/location/index.blade.php
@@ -17,14 +17,17 @@
             <x-ui.table>
                 <x-slot:header>
                     <th>Name</th>
-                    <th>Address</th>
+                    <th class="hidden md:table-cell">Address</th>
                     <th>Action</th>
                 </x-slot:header>
                 <x-slot:body>
                     @foreach ($locations as $location)
                         <tr>
-                            <td>{{ $location->name }}</td>
-                            <td>{{ $location->address }}</td>
+                            <td>
+                                <div class="whitespace-normal">{{ $location->name }}</div>
+                                <div class="md:hidden text-xs text-gray-500 whitespace-normal">{{ $location->address }}</div>
+                            </td>
+                            <td class="hidden md:table-cell">{{ $location->address }}</td>
                             <td>
                                 <div class="flex justify-center gap-3">
                                     <a href="{{ route('admin.location.edit', $location) }}" class="hover:text-primary-color"><i class="fa-solid fa-pen-to-square"></i></a>