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>
<div class="card-header actionMessage" style="display:none"></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"> <table class="card-body table table-striped" style="margin-bottom:0">
<thead> <thead>
<th>Type</th> <th>Type</th>
@@ -168,6 +169,7 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div>
</div> </div>
</div> </div>
</div> </div>
+2
View File
@@ -91,10 +91,12 @@
</div> </div>
<div class="mb-1 profile-label">Domain permissions</div> <div class="mb-1 profile-label">Domain permissions</div>
<div class="table-responsive">
<table class="table table-striped"> <table class="table table-striped">
<thead><th>Domain</th><th>Role</th></thead> <thead><th>Domain</th><th>Role</th></thead>
<tbody id="profile-domains"></tbody> <tbody id="profile-domains"></tbody>
</table> </table>
</div>
</div> </div>
</div> </div>
</div> </div>
+2
View File
@@ -112,6 +112,7 @@
</div> </div>
<div class="card-header actionMessage" style="display:none"></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"> <table class="card-body table table-striped" style="margin-bottom:0">
<thead> <thead>
<th>Name</th> <th>Name</th>
@@ -140,6 +141,7 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div>
</div> </div>
</div> </div>
</div> </div>