Problem
On mobile the "● DARK" theme toggle sits in the topbar alongside the hamburger and title. It competes for limited horizontal space (contributing to the title truncation issue) and is an infrequent action that shouldn't occupy prime real estate in the persistent chrome.
Suggested Fix
On @media (max-width: 640px):
- Remove the toggle from the topbar — hide
display: none on the topbar instance.
- Add it to the nav drawer — place it as a bottom-anchored row in the drawer (below the nav items, above the safe-area padding). A toggle row with label "Theme" and the pill switch keeps it discoverable without cluttering the topbar.
This matches the pattern used by most mobile apps — settings-class controls live in the nav/menu, not the header.
Confidence: likely approach — exact drawer structure needs inspection to confirm placement.
Labels
enhancement, mobile, ux
Problem
On mobile the "● DARK" theme toggle sits in the topbar alongside the hamburger and title. It competes for limited horizontal space (contributing to the title truncation issue) and is an infrequent action that shouldn't occupy prime real estate in the persistent chrome.
Suggested Fix
On
@media (max-width: 640px):display: noneon the topbar instance.This matches the pattern used by most mobile apps — settings-class controls live in the nav/menu, not the header.
Confidence: likely approach — exact drawer structure needs inspection to confirm placement.
Labels
enhancement, mobile, ux