Site needs to be mobile responsive and mobile friendly #29

New Issue

2026-07-29T18:53:48+02:00

daniels commented

2026-07-29 18:53:48 +02:00

No description provided.

daniels referenced this issue from a commit

2026-07-29 18:58:07 +02:00

Make UI mobile responsive #29

daniels commented

2026-07-29 18:58:35 +02:00

Implementation complete

What changed

Added horizontally scrollable wrappers around the manual batches and jobs tables so wide queue data remains usable on narrow screens.
Added mobile CSS for stacked header/actions/forms, one-column service info, touch-sized buttons, full-width inputs, and constrained dialogs.
Added lightweight regression coverage for responsive hooks and mobile CSS rules.

Branch and commit

Branch: main
Commit: d15ea13 (Make UI mobile responsive #29)

Verification

.venv/bin/python -m pytest tests/test_status.py -q
.venv/bin/python -m pytest -q

Result

Issue is ready for manual inspection and remains open.

## Implementation complete ## What changed - Added horizontally scrollable wrappers around the manual batches and jobs tables so wide queue data remains usable on narrow screens. - Added mobile CSS for stacked header/actions/forms, one-column service info, touch-sized buttons, full-width inputs, and constrained dialogs. - Added lightweight regression coverage for responsive hooks and mobile CSS rules. ## Branch and commit - Branch: `main` - Commit: `d15ea13` (`Make UI mobile responsive #29`) ## Verification - `.venv/bin/python -m pytest tests/test_status.py -q` - `.venv/bin/python -m pytest -q` ## Result Issue is ready for manual inspection and remains open.

daniels referenced this issue from a commit

2026-07-29 19:53:08 +02:00

Improve mobile jobs queue #29

daniels commented

2026-07-29 19:54:03 +02:00

Follow-up mobile queue fix

Based on manual mobile inspection, the jobs queue needed a better narrow-screen layout than horizontal scrolling.

What changed

Desktop/tablet still use the existing jobs table.
Mobile now switches the jobs queue to stacked job cards.
Long release/file names wrap inside the card instead of forcing sideways scrolling.
Per-item actions remain full-width and touch-friendly on mobile.

Branch and commit

Branch: main
Commit: 2156989 (Improve mobile jobs queue #29)

Verification

.venv/bin/python -m pytest tests/test_status.py -q
Deployed to dgsserver1 via /opt/importarr/repo-upgrade.sh
Live /health OK
Live /api/status reports git_sha: 2156989b4b60
Live stylesheet/page include the new mobile job-card rules and markup.

## Follow-up mobile queue fix Based on manual mobile inspection, the jobs queue needed a better narrow-screen layout than horizontal scrolling. ## What changed - Desktop/tablet still use the existing jobs table. - Mobile now switches the jobs queue to stacked job cards. - Long release/file names wrap inside the card instead of forcing sideways scrolling. - Per-item actions remain full-width and touch-friendly on mobile. ## Branch and commit - Branch: `main` - Commit: `2156989` (`Improve mobile jobs queue #29`) ## Verification - `.venv/bin/python -m pytest tests/test_status.py -q` - Deployed to dgsserver1 via `/opt/importarr/repo-upgrade.sh` - Live `/health` OK - Live `/api/status` reports `git_sha: 2156989b4b60` - Live stylesheet/page include the new mobile job-card rules and markup.

daniels added the ready label 2026-07-29 19:57:15 +02:00

daniels referenced this issue from a commit

2026-07-29 20:06:05 +02:00

Improve desktop jobs queue layout #29

daniels commented

2026-07-29 20:06:30 +02:00

Desktop queue follow-up

The mobile card layout still stays in place for narrow screens, but the desktop table now gets a bit more room and better column behavior.

What changed

Widened the main desktop content area so the queue panel can use more horizontal space.
Switched the desktop jobs table to fixed column sizing so long filenames do not collapse the other columns unpredictably.
Gave the filename/context cells explicit wrapping behavior and stacked each row action button to keep the action column readable.
Added regression coverage for the new desktop queue CSS hooks.

Branch and commit

Branch: main
Commit: 6cdf1f5 (Improve desktop jobs queue layout #29)

Verification

PYTHONWARNINGS=ignore .venv/bin/python -m pytest tests/test_status.py -q

Result

Issue remains ready for manual inspection.

## Desktop queue follow-up The mobile card layout still stays in place for narrow screens, but the desktop table now gets a bit more room and better column behavior. ## What changed - Widened the main desktop content area so the queue panel can use more horizontal space. - Switched the desktop jobs table to fixed column sizing so long filenames do not collapse the other columns unpredictably. - Gave the filename/context cells explicit wrapping behavior and stacked each row action button to keep the action column readable. - Added regression coverage for the new desktop queue CSS hooks. ## Branch and commit - Branch: `main` - Commit: `6cdf1f5` (`Improve desktop jobs queue layout #29`) ## Verification - `PYTHONWARNINGS=ignore .venv/bin/python -m pytest tests/test_status.py -q` ## Result Issue remains ready for manual inspection.

daniels closed this issue

2026-07-29 20:28:34 +02:00

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: daniels/importarr#29