Learn admin list tables clip on mobile — overflow:hidden wrappers with no horizontal scroll

Area: Admin plane (audit p12) · Surface: /admin/learn/enrollments, /audit, /cohorts, /categories, /tags, /authors, /reviewers, /lti, /scim, /cmi5-packages · Dimension: mobile · Severity: major

On a phone, a 5-column table inside an overflow:hidden wrapper has its rightmost columns clipped off-screen with no way to scroll to them. Status/date columns become unreachable. Law 5 requires mobile to be first-class; these list pages are unusable on narrow screens.

Evidence

Wrappers use `overflow:hidden` (to clip rounded corners) around full-width multi-column tables with no @media stacking and no overflow-x:auto: enrollments/index.php:10 `.lst-wrap { ... overflow:hidden; }` wrapping `.lst-table` (index.php:45-46 columns: Learner, Course, Status, Enrolled, Window ends — 5 cols). Same pattern: audit/index.php:11 `.aud-wrap{...overflow:hidden;}` (5 cols, index.php:56), cohorts/index.php:19 `.co-wrap`, categories/index.php:9 `.lst-wrap`, tags/index.php:9, authors/index.php:9, reviewers/index.php:9, lti/index.php:20, scim/index.php:20, cmi5/index.php:11. No @media or min-width responsive handling found in these files.

Suggested fix. Change the wrapper to `overflow-x:auto; overflow-y:hidden` (preserve the corner clip with a separate inner border-radius element if needed), or add a mobile @media breakpoint that stacks rows into cards. A shared `.lst-wrap{overflow-x:auto}` fix covers most of these at once.

Filed by the automated tenant-app audit and adversarially evidence-verified. Status: verified. Open — not yet actioned.