Fix Firefox mobile panel centering and agent profile loading

Browse Source

- Fix auth middleware: make GET /api/agents public so agent profiles
  load in Firefox mobile (browser doesn't send Basic Auth on XHR)
- Fix CSS: use display: grid; justify-items: center on .content
  instead of margin: 0 auto on .panel — Firefox fails to honor
  margin: auto with percentage width inside flex containers
- Add box-sizing: border-box to panel elements
- Bump cache busters (v=13 for CSS, v=2 for JS)

Root cause: Firefox mobile on Pixel 4a rendered .panel with
width:72%; margin:0 auto shifted 242px right (flush to edge).
CSS Grid centering resolves the cross-browser rendering difference.

...

This commit is contained in:

Shawn

2026-06-02 17:18:17 -04:00

parent 9788abb8ce

commit 3f086b7849

5 changed files with 1367 additions and 456 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

static/app.js

+284 -410

File diff suppressed because it is too large Load Diff