Skip to content

Install command code block is visually truncated on mobile (full command unreadable) #53

Description

@aasis21

Problem

On the landing page (mobile width), the install command (.install-code) is clipped before the Copy button — it shows e.g. "irm https://usehelm.net…" with no horizontal scroll or wrap, so you can't actually read the full command you're being asked to run. (Confirmed via Playwright at 390px.)

Why it matters

Asking users to pipe a script into a shell while hiding the command undermines trust and usability.

Suggested fix

Allow the code to wrap or horizontally scroll, or show it full-width above the Copy button on narrow screens.

Where

mobile/src/components/LandingScreen.tsx (InstallCommand) + .install-row/.install-code in styles.css.


Filed from a UI research sweep of the Helm mobile app (landing + live demo session) using Playwright + full source review, cross-referenced against Claude, ChatGPT, GitHub Copilot Chat, and Codex/Claude Code UIs.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workingpairingQR pairing / onboardinguiUser interfaceuxUser experience

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions