[BUG] Header elements do not flow predictably

[denete]

Describe the Bug

When different screen resolutions / window sizes / device orientation changes are observed, the elements in the header display do not adapt in a predictable manner.

• In the "Tablet" and "Compact" layouts, header items simply scroll off the right side of the display if the size is too narrow to display all items. They should wrap to the next row.
• In the "Modern" and "Dockable" layouts, the action buttons will wrap to the next row and then jump to the far right side of the row if another element wraps also.
• The "Tablet" layout is missing the "update" button for local installations.
• The "Modern" layout loses the "Update" and "Support" buttons at smaller viewport widths.
• At one point, the "Support" button changes content to only show the heart emoji. The emoji is not properly centered in the button.

To Reproduce

Steps to reproduce the behavior:

1. For the scenarios above, select the layout in question
2. Change either device orientations or browser window dimensions as described above
3. Behold the errors

Expected Behavior

Stated above in the description

Screenshots

---

73!

[denete]

/assign

[denete]

In order to have a predictable control that takes up as little space as possible, I would like to move the action buttons (support, full-screen, settings, and update) to their own dialog box and replace them with a single hamburger menu.