Move Title Row to the Sidebar

[G2HJei]

The Game Title row can be moved to the right side - under the settings buttons. This will allow for extra vertical space to show maximum amount of the main game components' height. Currently their height is capped to 95vh with extra margins, but moving the title bar will allow to utilize 100vh.

Additionally the current HTML structure goes against the Bootstrap principles as the main game components are in a row containing another row (inside are the map, log, chat, etc) and a col-12 (title elements) at the same time, as well as the fixed-position elements. This messes up the margins of the components and can be eliminated by moving the Game Title row to the right as well.

RED: First row in the game-container. Inside it are the title, all game components and fixed-position elements.
YELLOW: A col-12 title elements which I propose to be moved to the right.
GREEN: The main game components (map, log, chat, tracks etc). There are two nested rows here which can be easily corrected when the title is moved to the right.
BLUE: The proposed position fo the game components, part of the title. A suitable design should be created to include either smaller badges for the game settings or a whole popover with details to be displayed on click. The title text itself can be vertically wrapped or shown as a tooltip/in the popover.

Side note: The lobby title can be kept as it is as height is not an issue in it.

[gereon77]

The code for this can be found in EntireGameComponent. But to be honest, I like a readable title bar and feel like long game titles look weird. Additionally other game hints, like Tides of Battle, etc get lost on the right...

And what do we with small screens?

For now, I put it as not planned...