Added wobble prevention CSS and loading text

config.yml

@@ -13,7 +13,7 @@ message:
   icon: 'fa fa-info'
 
 header: false
-footer: '<span class="footer-el"><a href="https://marvinscham.de" target="_blank">Made with&nbsp;<i class="far fa-heart"></i> by <div class="ms-img"></div></a></span><span class="footer-el"><a id="keycloak-footer" href="https://auth.xn--schmkerei-37a.de/realms/schmoekerei/protocol/openid-connect/auth?client_id=homer&response_type=code&redirect_uri=https://schmökerei.de"><i class="fas fa-sync fa-spin"></i></a></span>'
+footer: '<span class="footer-el"><a href="https://marvinscham.de" target="_blank">Made with&nbsp;<i class="far fa-heart"></i> by <div class="ms-img"></div></a></span><span class="footer-el"><a id="keycloak-footer" href="https://auth.xn--schmkerei-37a.de/realms/schmoekerei/protocol/openid-connect/auth?client_id=homer&response_type=code&redirect_uri=https://schmökerei.de">Lade Login-Info&nbsp;<i class="fas fa-sync fa-spin"></i></a></span>'
 
 stylesheet:
   - 'assets/custom.css'

custom.css

@@ -173,6 +173,10 @@ body .footer .footer-el:first-child {
   color: #e21c1b;
 }
 
+.footer i.fa-sync {
+  font-size: 16px;
+}
+
 .footer img {
   position: relative;
   opacity: 0.6;