Menü-Button auf Smartphones hat UI Probleme

Wie auf den Bildern zu sehen, überlappt der Menü-Button ... falsch. Teilweise wird das Logo verdeckt (bzw. nicht passend gesetzt) und teilweise ist die height des Elements nicht passend zum Header.

changed milestone to %v1.0

mentioned in commit efc6b865

mentioned in commit e7de80e8

closed with commit efc6b865

Ist es eine absichtliche Lösung, dass der Header am Smartphone (bei mir) jetzt zweizeilig ist, oder sollte das nicht das Resultat sein? @j.vondoemming

Meine Lösung ist, dass ich dem Header jetzt nur noch den Platz von der rechten Seite des Buttons bis zur rechten Seite des Bildschirms gebe. Vorher war es von der linken Seite des Bildschirms bis zur rechten Seite des Bildschirms.

Wenn in diesen Platz nicht alles in eine Zeile passt, wird es halt in mehreren Zeilen aufgeteilt.

Falls dies keine gewünschte Lösung ist, wären folgengende Lösungen möglich:

• Ich verkleinere die Schriftgröße vom Header, bis es auf den meisten Smartphones in nur eine Zeile passt.
• Ich gebe dem Header wieder den Platz von der linken Seite des Bildschirms bis zur Rechten, aber lasse den Header erst unterhalb von dem Button anfangen.
• Ich entferne entweder den "Fachgruppe Informatik" Text oder das Logo aus dem Header in der Smartphoneansicht.

Kannst du nicht der Schrift sagen, dass sie die Schriftgröße an den zur Verfügung stehenden Platz anpasst?

Technisch möglich, würde ich aber nur sehr ungerne tun.

Es kann dadurch passieren, dass der Header Text kleiner als die normale Schriftgröße wird, wodurch nicht mehr unbedingt klar erkennbar ist, dass das eine Überschrift ist.

Dann vielleicht eine min-fontsize setzen?