Benutzerkonto-Sicherheit benötigt noch etwas visuellen Feinschliff

  • App
    WoltLab Suite Core

    Die Seite https://www.woltlab.com/account-security/ benötigt noch etwas visuellen Feinschliff:

    • Die Icons haben zwar, ausgehend von der Icon-Schrift, alle die gleiche Größe, sind im Ergebnis aber völlig unproportional zueinander. Hier sollten die Größen pro Icon individuell angepasst werden, um ein optisch harmonisches Ergebnis zu erzielen.
    • Die Ausrichtung von Icon, Text und Button ist ziemlich wild - weder ist alles vertikal zentriert noch ist alles oben ausgerichtet. Ich schlage eine vertikale Zentrierung aller drei Elemente vor.
    • Der Abstand zwischen Titel und Beschreibung der drei Zeilen ist auch nicht einheitlich. Wenn man den zweizeiligen Beschreibungstext vom Sicherheitsschlüssel kopiert und als Beschreibungstext für die Smartphone-App einfügt, so dass da der gleiche Text steht, sieht man auch, dass für den Beschreibungstext die Zeilenhöhe eine andere ist. Das macht in der Gesamthöhe fast 4px Unterschied aus. Der optische Unterschied kommt daher, dass das HTML anders ist: <p class="small"> beim Sicherheitsschlüssel und <small> bei der Smarthone-App. Passt man das an, ist dieser Unterschied nicht mehr da.

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!