From 2b84e45b659c731de11ca0b75ad0d8482a88853f Mon Sep 17 00:00:00 2001
From: Harvey Tindall <hrfee@protonmail.ch>
Date: Thu, 17 Sep 2020 21:34:25 +0100
Subject: [PATCH] fix table wrapping

---
 data/static/accounts.js   | 12 ++++++------
 data/templates/admin.html |  2 +-
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/data/static/accounts.js b/data/static/accounts.js
index 5d8d36a..30b1303 100644
--- a/data/static/accounts.js
+++ b/data/static/accounts.js
@@ -137,12 +137,12 @@ function populateUsers() {
             isAdmin = "Yes";
         }
         return `
-            <td class="align-middle" scope="row"><input class="form-check-input" type="checkbox" value="" id="select_${id}" onclick="checkCheckboxes();"></td>
-            <td class="align-middle">${username}</td>
-            <td class="align-middle">${generateEmail(id, name, email)}</td>
-            <td class="align-middle">${lastActive}</td>
-            <td class="align-middle">${isAdmin}</td>
-            <td class="align-middle"><i class="fa fa-eye icon-button" id="viewConfig_${id}"></i></td>`;
+            <td nowrap="nowrap" class="align-middle" scope="row"><input class="form-check-input" type="checkbox" value="" id="select_${id}" onclick="checkCheckboxes();"></td>
+            <td nowrap="nowrap" class="align-middle">${username}</td>
+            <td nowrap="nowrap" class="align-middle">${generateEmail(id, name, email)}</td>
+            <td nowrap="nowrap" class="align-middle">${lastActive}</td>
+            <td nowrap="nowrap" class="align-middle">${isAdmin}</td>
+            <td nowrap="nowrap" class="align-middle"><i class="fa fa-eye icon-button" id="viewConfig_${id}"></i></td>`;
     };
 
     let req = new XMLHttpRequest();
diff --git a/data/templates/admin.html b/data/templates/admin.html
index ebd1319..30e183d 100644
--- a/data/templates/admin.html
+++ b/data/templates/admin.html
@@ -339,7 +339,7 @@
                             <button type="button" class="btn btn-danger unfocused" id="accountsTabDelete"></button>
                         </div>
                     </div>
-                    <div class="card-body">
+                    <div class="card-body table-responsive">
                         <table class="table table-hover table-striped table-borderless">
                             <thead>
                                 <tr>