CSS-Verbesserung

    Wenn eine Auszeichnung in Gold erreicht wurde, wird unter der Auszeichnung ein grüner Kasten angezeigt (class='label label-success'). Da er die Höhe der Box vergrößert, wird die darunter folgende Box um eine Grid-Zelle nach unten Verschoben, was zu einer großen Lücke führt.


    Vorschlag: Dieses Label bekommt noch ein paar CSS-Attribute (am besten über eine zusätzliche css-Klasse):


    Code
    .label.label-success.neueCssKlasse {

    display:flex;

    white-space:normal;

    margin-top:10px;

    text-align:center; /* Optional. Sollte zum Cooperate Design passen */

    }


    Man könnte den Text noch zentrieren (text-align:center) und man sollte einen Abstand nach oben definieren (margin-top:10px).


    Vorher/Nacher siehe Anhang.