Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Mobile display improvements #235

Open
wants to merge 9 commits into
base: dev
Choose a base branch
from

Conversation

gregdev
Copy link

@gregdev gregdev commented Feb 21, 2024

I often like to quickly check my web interface on my phone, but the display on narrow screens isn't ideal. I've modified the markup and styles so that the map and info table are stacked vertically, plus a bunch of other tweaks to get things fitting in nicely.

Ultimately I'd love to completely redo the UI, and may get around to it one day, but this at least makes things usable on mobile.

Closes #114.

@eric1tran
Copy link

Thanks for this! At a quick glance, the display looks good on my phone. We'll take a look at the PR

@eric1tran
Copy link

Would it possible to adjust the OpenStreetMap attribution so it doesn't overlap the distance scale? And have the aircraft/position counters to expand the viewport width?

image

@gregdev
Copy link
Author

gregdev commented Feb 29, 2024

@eric1tran done and done!

image

@eric1tran eric1tran changed the base branch from master to dev March 2, 2024 23:35
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.

Improve UI on mobile devices, vertical design
2 participants