dsh-mobile-ui

The dsh settings panel was designed for desktop screens from the start — an 800-pixel-centred modal with a 188-pixel fixed side rail. On a phone browser that layout is essentially a drawer shoved into an envelope. dsh-mobile-ui plugs that gap with a single responsive CSS override: no JavaScript, no functional changes, just a re-flow of the existing DOM for narrow viewports.

At viewports of 680 px or narrower, the desktop modal becomes a full-screen vertical sheet, the left nav rail is repositioned into a full-width, horizontally scrollable tab bar across the top, the close button is pinned to the top-right corner, and the content area fills the remaining height with independent scrolling and safe-area padding. Setting rows in sections like General wrap naturally instead of squeezing controls off-screen. Desktop and tablet layouts above 680 px are completely unaffected.

If you regularly open the dsh web settings panel from a phone browser — whether through Tailscale, a home LAN, or a mobile hotspot — or just need to tweak a config while commuting, this plugin keeps the UI usable without squinting at a 1440p-era layout. It is a single CSS file with zero runtime dependencies: install it and it takes effect immediately, remove it and the original layout is restored.