From edc165e76223166d2026396b465505cb2f3d49e7 Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Mon, 26 Feb 2024 16:23:13 +0100
Subject: [PATCH] Make the dashboard table properly responsive

---
 .../resources/dashboard.blade.php             | 80 ++++++++++---------
 1 file changed, 41 insertions(+), 39 deletions(-)

diff --git a/packages/realtime-compiler/resources/dashboard.blade.php b/packages/realtime-compiler/resources/dashboard.blade.php
index 25a1d8c7b9c..9b8ce08f1ea 100644
--- a/packages/realtime-compiler/resources/dashboard.blade.php
+++ b/packages/realtime-compiler/resources/dashboard.blade.php
@@ -228,46 +228,48 @@
                             @endif
                         </div>
                     @else
-                        <table class="table table-bordered">
-                            <tr>
-                                @foreach(['Page Type', 'Route Key', 'Source File', 'Output File', 'Identifier'] as $header)
-                                    <th>{{ $header }}</th>
-                                @endforeach
-                                <th class="text-end">Actions</th>
-                            </tr>
-                            @foreach($dashboard->getPageList() as $route)
-                                <tr id="pageRow-{{ $route->getRouteKey() }}" @class(['page-table-row', $dashboard->getFlash('justCreatedPage') === $route->getRouteKey() ? 'justCreatedPage active' : ''])>
-                                    <td>
-                                        <code title="\{{ $route->getPageClass() }}">{{ class_basename($route->getPageClass()) }}</code>
-                                    </td>
-                                    <td>
-                                        {{ $route->getRouteKey() }}
-                                    </td>
-                                    <td>
-                                        {{ $route->getSourcePath() }}
-                                    </td>
-                                    <td>
-                                        {{ $route->getOutputPath() }}
-                                    </td>
-                                    <td>
-                                        {{ $route->getPageIdentifier() }}
-                                    </td>
-                                    <td class="text-end">
-                                        <div class="d-flex justify-content-end">
-                                            @if($dashboard->isInteractive())
-                                                <form class="buttonActionForm" action="" method="POST">
-                                                    <input type="hidden" name="_token" value="{{ $csrfToken }}">
-                                                    <input type="hidden" name="action" value="openPageInEditor">
-                                                    <input type="hidden" name="routeKey" value="{{ $route->getRouteKey() }}">
-                                                    <button type="submit" class="btn btn-outline-primary btn-sm me-2" title="Open in system default application">Edit</button>
-                                                </form>
-                                            @endif
-                                            <a href="{{ $route->getLink() }}" class="btn btn-outline-primary btn-sm" title="Open this page preview in browser">View</a>
-                                        </div>
-                                    </td>
+                        <div class="table-responsive">
+                            <table class="table table-bordered">
+                                <tr>
+                                    @foreach(['Page Type', 'Route Key', 'Source File', 'Output File', 'Identifier'] as $header)
+                                        <th>{{ $header }}</th>
+                                    @endforeach
+                                    <th class="text-end">Actions</th>
                                 </tr>
-                            @endforeach
-                        </table>
+                                @foreach($dashboard->getPageList() as $route)
+                                    <tr id="pageRow-{{ $route->getRouteKey() }}" @class(['page-table-row', $dashboard->getFlash('justCreatedPage') === $route->getRouteKey() ? 'justCreatedPage active' : ''])>
+                                        <td>
+                                            <code title="\{{ $route->getPageClass() }}">{{ class_basename($route->getPageClass()) }}</code>
+                                        </td>
+                                        <td>
+                                            {{ $route->getRouteKey() }}
+                                        </td>
+                                        <td>
+                                            {{ $route->getSourcePath() }}
+                                        </td>
+                                        <td>
+                                            {{ $route->getOutputPath() }}
+                                        </td>
+                                        <td>
+                                            {{ $route->getPageIdentifier() }}
+                                        </td>
+                                        <td class="text-end">
+                                            <div class="d-flex justify-content-end">
+                                                @if($dashboard->isInteractive())
+                                                    <form class="buttonActionForm" action="" method="POST">
+                                                        <input type="hidden" name="_token" value="{{ $csrfToken }}">
+                                                        <input type="hidden" name="action" value="openPageInEditor">
+                                                        <input type="hidden" name="routeKey" value="{{ $route->getRouteKey() }}">
+                                                        <button type="submit" class="btn btn-outline-primary btn-sm me-2" title="Open in system default application">Edit</button>
+                                                    </form>
+                                                @endif
+                                                <a href="{{ $route->getLink() }}" class="btn btn-outline-primary btn-sm" title="Open this page preview in browser">View</a>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                @endforeach
+                            </table>
+                        </div>
                     @endif
                 </div>
             </div>