From 06d5dd763d8317a80fff028b1c7530c7863d9604 Mon Sep 17 00:00:00 2001
From: jelveh <nj@puter.com>
Date: Sun, 3 Nov 2024 20:13:35 -0800
Subject: [PATCH] tweak: dev center table visible when overflowing

---
 src/dev-center/index.html | 30 ++++++++++++++++--------------
 1 file changed, 16 insertions(+), 14 deletions(-)

diff --git a/src/dev-center/index.html b/src/dev-center/index.html
index 9f104d14..8d879226 100644
--- a/src/dev-center/index.html
+++ b/src/dev-center/index.html
@@ -224,21 +224,23 @@
         </div>
 
         <button class="button button-danger disabled delete-apps-btn" style="float:right;">Delete</button>
-        <table class="table" id="app-list-table">
-            <thead class="disable-user-select">
-                <tr>
-                    <th><input type="checkbox" class="select-all-apps" style="width: 20px; height: 20px; margin-left:3px;"></th>
-                    <th class="sort th-name" data-column="name" style="padding-left: 10px !important;">App<span class="sort-arrow sort-arrow-desc">▼</span><span class="sort-arrow sort-arrow-asc">▲</span></th>
-                    <th class="sort th-users" data-column="user_count">Users<span class="sort-arrow sort-arrow-desc">▼</span><span class="sort-arrow sort-arrow-asc">▲</span></th>
-                    <th class="sort th-opens" data-column="open_count">Opens<span class="sort-arrow sort-arrow-desc">▼</span><span class="sort-arrow sort-arrow-asc">▲</span></th>
-                    <th class="sort th-created sorted" data-column="created_at">Created<span class="sort-arrow sort-arrow-desc" style="display:inline;">▼</span><span class="sort-arrow sort-arrow-asc">▲</span></th>
-                    <th></th>
-                </tr>
-            </thead>
-            <tbody>
+        <div style="overflow-x: auto; clear: both;">
+            <table class="table" id="app-list-table">
+                <thead class="disable-user-select">
+                    <tr>
+                        <th><input type="checkbox" class="select-all-apps" style="width: 20px; height: 20px; margin-left:3px;"></th>
+                        <th class="sort th-name" data-column="name" style="padding-left: 10px !important;">App<span class="sort-arrow sort-arrow-desc">▼</span><span class="sort-arrow sort-arrow-asc">▲</span></th>
+                        <th class="sort th-users" data-column="user_count">Users<span class="sort-arrow sort-arrow-desc">▼</span><span class="sort-arrow sort-arrow-asc">▲</span></th>
+                        <th class="sort th-opens" data-column="open_count">Opens<span class="sort-arrow sort-arrow-desc">▼</span><span class="sort-arrow sort-arrow-asc">▲</span></th>
+                        <th class="sort th-created sorted" data-column="created_at">Created<span class="sort-arrow sort-arrow-desc" style="display:inline;">▼</span><span class="sort-arrow sort-arrow-asc">▲</span></th>
+                        <th></th>
+                    </tr>
+                </thead>
+                <tbody>
 
-            </tbody>
-        </table>
+                </tbody>
+            </table>
+        </div>
     </section>
     </div>