From 043b08ce591f6b7478ba0a9393f72ed13b4b69a1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kristian=20St=C3=B6ckel?= <git@k118.de>
Date: Wed, 1 Jan 2025 20:32:39 +0100
Subject: [PATCH] :art: improve mobile trip view in backend

---
 resources/views/admin/trip/show.blade.php | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/resources/views/admin/trip/show.blade.php b/resources/views/admin/trip/show.blade.php
index 5ed5a2c8c..e1ef930b1 100644
--- a/resources/views/admin/trip/show.blade.php
+++ b/resources/views/admin/trip/show.blade.php
@@ -68,7 +68,7 @@
                 </div>
             </div>
 
-            <div class="card">
+            <div class="card mb-3">
                 <div class="card-body">
                     <h2 class="card-title fs-5">Checkins</h2>
                     @if($trip->checkins->count() === 0)
@@ -112,12 +112,12 @@
             </div>
         </div>
         <div class="col-md-8">
-            <div class="card">
+            <div class="card mb-3">
                 <div class="card-body">
                     <h2 class="card-title fs-5">Stopovers</h2>
-
-                    <table class="table table-striped">
-                        <thead>
+                    <div class="table-responsive">
+                        <table class="table table-striped">
+                            <thead>
                             <tr>
                                 <th scope="col">Name</th>
                                 <th scope="col">TRWL-ID</th>
@@ -127,8 +127,8 @@
                                 <th scope="col">Ankunft soll / ist</th>
                                 <th scope="col">Abfahrt soll / ist</th>
                             </tr>
-                        </thead>
-                        <tbody>
+                            </thead>
+                            <tbody>
                             @foreach($trip->stopovers as $stopover)
                                 <tr>
                                     <td>
@@ -157,8 +157,9 @@
                                     </td>
                                 </tr>
                             @endforeach
-                        </tbody>
-                    </table>
+                            </tbody>
+                        </table>
+                    </div>
                 </div>
             </div>
         </div>