Patrick Bass Area: mobieusHelp (audit p7) · Surface: /admin/helpdesk/audit, /admin/helpdesk/queues, /admin/helpdesk/tags, /admin/helpdesk/canned-responses, /admin/helpdesk/agents, /admin/helpdesk/sla, /admin/helpdesk/help-topics, /admin/helpdesk (overview) · Dimension: Law 5 — mobile first-class · Severity: major
Every admin helpdesk index table uses the .hdka-table class which has no responsive treatment and no scroll container. Multi-column tables with nowrap timestamps push past the phone viewport. Per Law 5 tables must wrap or be in a bounded horizontal-scroll region.
Evidence
`.hdka-table` is defined in platform/templates/helpdesk/admin/_layout.php:227 `.hdka-table { width: 100%; border-collapse: collapse; font-size: 0.92rem; }` with NO overflow handling, and the @media (max-width:720px) block (lines 157-182) only restyles `.hdka-nav` — it never wraps the table. The containing `.hdka-card` (line 218) also has no `overflow-x`. The audit table renders 5 columns with `white-space:nowrap` timestamps: platform/templates/helpdesk/admin/audit.php:117 `<thead><tr><th>When</th><th>Event</th><th>Actor</th><th>Target</th><th>Summary</th></tr></thead>` and :121 `<td style="white-space:nowrap;">…date('M j, H:i:s')…</td>` plus a `<code>` event key and free-text summary. On a ~360px phone this exceeds the viewport width with no bounded scroll, so content is clipped/causes whole-page horizontal scroll.Suggested fix. Wrap each .hdka-table in a `<div style="overflow-x:auto;-webkit-overflow-scrolling:touch;">` (or add a reusable `.hdka-table-scroll` wrapper class) and/or add a max-width:720px media rule that puts the card body into overflow-x:auto. The pattern already exists for .hdka-nav (overflow-x:auto at _layout.php:163) — apply the same to tables.
Filed by the automated tenant-app audit and adversarially evidence-verified. Status: verified. Open — not yet actioned.
Patrick Bass
@mobieus
