From 71b3f6e20e6f669a13441b3f1a231355b0c7df6f Mon Sep 17 00:00:00 2001
From: Marvin Scham <dev@marvinscham.de>
Date: Tue, 10 May 2022 03:58:19 +0200
Subject: [PATCH] Added wobble prevention CSS and loading text

---
 config.yml | 2 +-
 custom.css | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/config.yml b/config.yml
index 3932b02..6415cf0 100644
--- a/config.yml
+++ b/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'
diff --git a/custom.css b/custom.css
index 5e40a1d..7ec04bc 100644
--- a/custom.css
+++ b/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;