WebUI if is notresponsive on mobile

[cdn4lf]

Describe the bug
In web server move (-w), the interface is not being mobile responsive and is showing as a jumbled mess.

To Reproduce
Steps to reproduce the behavior:

1. Start Glances with the following options '-w' using docker (4.3.0.5)
2. Open on mobile
3. See mess of information

Expected behavior
Should default to single column

[arpitgupta]

I have seen the same behavior. If i downgrade to 4.2 then it is better. Current UI works better if I put my phone in landscape mode. Still have to scroll items to be able to view drive temps etc.

I am on android and tried this with chrome, firefox and brave browsers and they all show the same behavior.

[benjimons]

Same problem on iOS using Safari and Chrome for iOS.

From install of glances--4.3.0.5.arm64_sequoia.bottle.tar.gz

[github-actions]

This issue is available for anyone to work on. Make sure to reference this issue in your pull request. ✨ Thank you for your contribution ! ✨

[nicolargo]

Hi all,

the WebUI has been completely refactor in this version. For the moment it is not responsive on Mobile (aka non landscape) screen.

A ugly work-around is to switch to "Computer version" on your Web browser.

Any contributor are welcome to make the UX design fully responsive.

[nicolargo]

Have a look on:

• https://getbootstrap.com/docs/4.0/utilities/display/#hiding-elements
• https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints