Make tables in GUI horizontally scrollable to make viewable on mobile

[cmerkle]

Important notices

Before you add a new report, we ask you kindly to acknowledge the following:

• [x] I have read the contributing guide lines at https://github.com/opnsense/core/blob/master/CONTRIBUTING.md
• [x] I am convinced that my issue is new after having checked both open and closed issues at https://github.com/opnsense/core/issues?q=is%3Aissue

Is your feature request related to a problem? Please describe.

Yes. Currently the majority of the GUI works ok on mobile, however any tables such as the DHCP leases table are unreadable since there is not enough horizontal room.

Describe the solution you like

Make all tables in the GUI horizontally scrollable so they do not become horizontally compressed and therefore unreadable on mobile.

Describe alternatives you considered

Hold phone in landscape orientation, however even when doing so the tables are still often unusable, and holding the phone in landscape mode is unnatural.

[TurtleRecall]

This functionality (text displayed normally and some columns requiring horizontal scroll to view) worked for me prior to v24 on Firefox for Android. I'm thinking mostly about the Dashboard screen which definitely looked fine on mobile.

There may have been specific menus where this wasn't the case but I think in those cases the text would have been truncated rather than lengthened vertically.

Personally, my preference in all cases would be a horizontal scroll to view all content/columns.

[OPNsense-bot]

This issue has been automatically timed-out (after 180 days of inactivity).

For more information about the policies for this repository, please read https://github.com/opnsense/core/blob/master/CONTRIBUTING.md for further details.

If someone wants to step up and work on this issue, just let us know, so we can reopen the issue and assign an owner to it.