From 98cf48b29dd80591ac2344e5a35a40b33eb867d3 Mon Sep 17 00:00:00 2001 From: Frank Date: Mon, 10 Aug 2026 14:58:12 +0200 Subject: [PATCH] Make admin panel usable on mobile The sidebar was a fixed 220px flex column that left barely any room for content on a phone, and tables had no min-width so columns just squeezed into unreadable slivers instead of scrolling. Moves the sidebar's layout rules out of inline styles (which media queries can't override) into real CSS classes, and collapses it into a horizontally-scrollable pill bar below 768px so the content area gets the full screen width. Tables now get a sensible min-width so they scroll horizontally on narrow screens instead of squishing, and the per-player tab bar on the session log view scrolls too. --- templates/game/admin/base.html.twig | 116 ++++++++++++++---- .../game/admin/email_log/index.html.twig | 2 +- templates/game/admin/games/index.html.twig | 2 +- templates/game/admin/sessions/index.html.twig | 2 +- templates/game/admin/sessions/view.html.twig | 4 +- templates/game/admin/users/index.html.twig | 2 +- 6 files changed, 100 insertions(+), 28 deletions(-) diff --git a/templates/game/admin/base.html.twig b/templates/game/admin/base.html.twig index d9cb36d..0bd26e7 100644 --- a/templates/game/admin/base.html.twig +++ b/templates/game/admin/base.html.twig @@ -1,23 +1,99 @@ {% extends 'layout/site.html.twig' %} +{% block stylesheets %} + {{ parent() }} + +{% endblock %} + {% block main %} -
+
{# ── Sidebar ──────────────────────────────────────────────────────── #} -