Wrap unresponsive tables in table-responsive (#131)

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.
This commit is contained in:
2026-07-14 21:17:33 -04:00
committed by GitHub
parent 9d34ff96e2
commit 8aab9c7673
3 changed files with 7 additions and 1 deletions
+2
View File
@@ -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>
+2
View File
@@ -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>
+3 -1
View File
@@ -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>