[Bug]: Extra buttons get in the way of the table

[Coel312]

The problem

The extra buttons, like full screen and webcam, make the table of the system info not get aligned perfectly. The buttons are at the side of the table, which makes the table shrink, and makes it not aligned. I know some CSS, so I suggest that you put the buttons into a separate container, and then put that container either on top of the table, or above the table. This way the table will take up the full width, and be aligned correctly.

Version of OctoPrint

1.9.3

Platform

Raspberry Pi 4B 8GB

Operating system running OctoPrint

OctoPi 1.0.0

Dashboard version

1.19.10

Python version

3.9.2

Printer model & used firmware incl. version

Ender 3 V2, factory firmware

Browser and version of browser, operating system running browser

Google chrome 121.0.6167.140, Windows 10 (version: 22H2, os build: 19045.3930)

Logs and other files needed for analysis

• Systeminfo Bundle (always include!) See here if you don't know where to find that.
• Screenshots and/or videos showing the problem (always include in case of issues with the user interface)
• GCODE file with which to reproduce (always include in case of issues with GCODE analysis or printing behaviour)

File uploads & additional information

octoprint-systeminfo-20240205214628.zip

[j7126]

This is probably a good idea

[j7126]

done

I have created a fix, it will be included in the next release!
If you want to try it out before then, you can install the development branch using this url:
https://github.com/j7126/OctoPrint-Dashboard/archive/development.zip
Please note that this branch may be unstable.