From 8aab9c7673241416157c0daedadbca42c81897a2 Mon Sep 17 00:00:00 2001
From: William Mantly <wmantly@gmail.com>
Date: Tue, 14 Jul 2026 21:17:33 -0400
Subject: [PATCH] Wrap unresponsive tables in table-responsive (#131)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

permissions.ejs (6 columns), users.ejs (3 columns incl. an inline
password-change form), and profile.ejs's domain-permissions table had
no .table-responsive wrapper, so on narrow/mobile viewports they'd
either overflow the page horizontally or force zoomed-out, unreadable
text instead of scrolling within the table. hosts.ejs already had the
wrapper — these three didn't.

Verified: EJS compiles, npm test 192/192 pass, and fetched each route
from a running instance to confirm the wrapper is present in the
served HTML.
---
 nodejs/views/permissions.ejs | 2 ++
 nodejs/views/profile.ejs     | 2 ++
 nodejs/views/users.ejs       | 4 +++-
 3 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/nodejs/views/permissions.ejs b/nodejs/views/permissions.ejs
index 98262dc..472b086 100644
--- a/nodejs/views/permissions.ejs
+++ b/nodejs/views/permissions.ejs
@@ -143,6 +143,7 @@
 			</div>
 
 			<div class="card-header actionMessage" style="display:none"></div>
+			<div class="table-responsive">
 			<table class="card-body table table-striped" style="margin-bottom:0">
 				<thead>
 					<th>Type</th>
@@ -168,6 +169,7 @@
 					</tr>
 				</tbody>
 			</table>
+			</div>
 		</div>
 	</div>
 </div>
diff --git a/nodejs/views/profile.ejs b/nodejs/views/profile.ejs
index 0bf5cbd..e93156a 100644
--- a/nodejs/views/profile.ejs
+++ b/nodejs/views/profile.ejs
@@ -91,10 +91,12 @@
 				</div>
 
 				<div class="mb-1 profile-label">Domain permissions</div>
+				<div class="table-responsive">
 				<table class="table table-striped">
 					<thead><th>Domain</th><th>Role</th></thead>
 					<tbody id="profile-domains"></tbody>
 				</table>
+				</div>
 			</div>
 		</div>
 	</div>
diff --git a/nodejs/views/users.ejs b/nodejs/views/users.ejs
index 4945909..56b968b 100755
--- a/nodejs/views/users.ejs
+++ b/nodejs/views/users.ejs
@@ -112,6 +112,7 @@
 			</div>
 
 			<div class="card-header actionMessage" style="display:none"></div>
+			<div class="table-responsive">
 			<table class="card-body table table-striped" style="margin-bottom:0">
 				<thead>
 					<th>Name</th>
@@ -121,7 +122,7 @@
 				<tbody>
 					<tr jq-repeat="users" jq-repeat-index="username" style="display:none" >
 						<td class="align-middle">
-							{{ username }}	
+							{{ username }}
 						</td>
 						<td>
 
@@ -140,6 +141,7 @@
 					</tr>
 				</tbody>
 			</table>
+			</div>
 		</div>
 	</div>
 </div>