Skip to content

fix: resolve horizontal overflow on mobile control panel#65

Merged
calesthio merged 1 commit intocalesthio:masterfrom
NearInfinity999:fix-mobile-control-panel
Mar 21, 2026
Merged

fix: resolve horizontal overflow on mobile control panel#65
calesthio merged 1 commit intocalesthio:masterfrom
NearInfinity999:fix-mobile-control-panel

Conversation

@NearInfinity999
Copy link
Contributor

Summary

Closes #64.
This PR fixes the horizontal overflow issue on mobile viewports for the top control panel. Added flex-wrap: wrap and justify-content: center to the .top-right container inside the mobile media query.

Why

On smaller screens, the control panel was strictly horizontal, pushing the rightmost buttons ("Sources", "What Signals Mean", etc.) off-screen and making them completely inaccessible to mobile users.

Scope

  • Focused bug fix
  • Small UX improvement
  • New source
  • Dashboard change
  • Docs/config change

Validation

Tested locally using browser DevTools mobile device simulation. Verified that the buttons now stack neatly into grid rows on small screens without breaking the page width.

Screenshots

after
before

Config and Docs

  • No new environment variables
  • .env.example updated if needed
  • README.md updated if behavior changed

Source Additions

N/A - CSS bug fix only.

Checklist

  • This PR stays within one bugfix or one feature family
  • I kept unrelated changes out of the diff
  • I considered security for any mixed-source content rendering
  • I tested the changed path locally

@The-R4V3N
Copy link
Collaborator

LGTM

@NearInfinity999
Copy link
Contributor Author

LGTM

Thanks for the LGTM review, @The-R4V3N! Really enjoyed digging into this fix. Just sent you a connection request over on LinkedIn to stay in the loop.

Copy link
Owner

@calesthio calesthio left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is good to get merged. Thanks @NearInfinity999 for finding this

@calesthio calesthio merged commit 2d040cb into calesthio:master Mar 21, 2026
1 check passed
@NearInfinity999 NearInfinity999 deleted the fix-mobile-control-panel branch March 21, 2026 16:53
@NearInfinity999
Copy link
Contributor Author

This is good to get merged. Thanks @NearInfinity999 for finding this

Thanks @calesthio ! Really enjoyed working on this fix. Glad I could help improve the mobile experience.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug] Horizontal overflow in the top control panel on mobile view

3 participants