No mobile / narrow-screen layout #24

New Issue

2026-09-08T20:57:29-04:00

jared commented

2026-09-08 20:57:29 -04:00

Overview

public/index.html has zero @media rules. The executions filter bar is a fixed two-column grid, the tab bar and action-button rows overflow horizontally, modals use min-width: 380px/fixed padding, and the compare view uses repeat(N, 1fr) columns. On a phone (the natural device for "is the box up?" checks) the page needs horizontal scrolling and buttons are clipped. README lists "Mobile-responsive design" as a future enhancement; the shared web_template base.css should provide the breakpoints.

Suggested fix

Add breakpoints (~768px / ~480px): stack the filter grid, make tabs scrollable/wrapping, full-width modals, single-column compare, larger tap targets.

## Overview `public/index.html` has zero `@media` rules. The executions filter bar is a fixed two-column grid, the tab bar and action-button rows overflow horizontally, modals use `min-width: 380px`/fixed padding, and the compare view uses `repeat(N, 1fr)` columns. On a phone (the natural device for "is the box up?" checks) the page needs horizontal scrolling and buttons are clipped. README lists "Mobile-responsive design" as a future enhancement; the shared `web_template` base.css should provide the breakpoints. ## Suggested fix Add breakpoints (~768px / ~480px): stack the filter grid, make tabs scrollable/wrapping, full-width modals, single-column compare, larger tap targets.

jared added the enhancement ux frontend priority/medium labels 2026-09-08 20:57:29 -04:00

jared referenced this issue

2026-09-08 22:17:16 -04:00

Redesign the Pulse UI onto the LotusGuild Terminal Design System #35

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: LotusGuild/pulse#24