Improve layout on smaller screens

[samueldurantes]

Expected behavior

The expected behavior is for the dashboard to be readable on a mobile device.

Actual behaviour

You don't have much clarity and a lot of the content is cut off when you're on a mobile device.

Steps to reproduce the bug

1. Open browser dev tools
2. Toogle device toolbar
3. Select mobile interface

Additional info

[AlanGreene]

Hi @samueldurantes, thanks for the issue.

The Dashboard is not currently designed for use on smaller screens. There are a number of challenges due to the amount and variety of data it displays, and it hasn't previously been requested by users as for the most part they are accessing it on devices with larger screens anyway.

That said, there may be some things we could do to improve the situation, such as allowing horizontal scroll on tables. However, a larger redesign to a fully responsive layout is unlikely to happen in the near future.

If there are specific changes you think would be helpful it would be great to hear them.

/remove-kind bug
/kind feature
/kind design

[AlanGreene]

In the meantime, switching the device to landscape orientation provides a much more usable experience.