From 311409d36d7248d37e04b66dc065472744928a56 Mon Sep 17 00:00:00 2001
From: Fabian <dev@fabianstamm.de>
Date: Mon, 3 Jun 2019 17:24:50 +0200
Subject: [PATCH] Fixing Loading animation

---
 src/components/Footer.tsx         |  3 +--
 src/components/footer.scss        | 22 +++++++++++++++-------
 src/components/notifications.scss |  5 +++--
 3 files changed, 19 insertions(+), 11 deletions(-)

diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 5006aaa..090c984 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -40,7 +40,7 @@ export class Footer extends Component<{}, { synced: boolean, syncing: boolean }>
     }
 
     render() {
-        let extrac = "";
+        let extrac = undefined;
         let color;
         let text;
         if (this.state.syncing) {
@@ -69,5 +69,4 @@ export class Footer extends Component<{}, { synced: boolean, syncing: boolean }>
             </span>
         </footer>
     }
-
 }
\ No newline at end of file
diff --git a/src/components/footer.scss b/src/components/footer.scss
index 952ebca..40de5e9 100644
--- a/src/components/footer.scss
+++ b/src/components/footer.scss
@@ -1,10 +1,18 @@
 @import "../vars.scss";
 
-.reloading { animation: turner 1s infinite linear }
+.reloading {
+    display: inline-block;
+    animation: turner 1s linear infinite;
+}
 
-@keyframes turner{
-    from{  transform: rotate(0deg)   }
-    to  {  transform: rotate(360deg) }
+@keyframes turner {
+    from {
+        transform: rotate(0deg)
+    }
+
+    to {
+        transform: rotate(360deg)
+    }
 }
 
 footer {
@@ -13,11 +21,11 @@ footer {
     bottom: 0;
     left: 0;
     right: 0;
- 
+
     display: flex;
     justify-content: space-between;
 
     // border-top: 1px solid $border-color;
-    
-    padding: 0.15em !important;
+
+    padding: 0.15em 1em !important;
 }
\ No newline at end of file
diff --git a/src/components/notifications.scss b/src/components/notifications.scss
index 4cce798..57e196c 100644
--- a/src/components/notifications.scss
+++ b/src/components/notifications.scss
@@ -45,6 +45,7 @@
         font-weight: bold;
         margin: 0;
     }
+
     span {
         margin-left: 3px;
         word-break: break-word;
@@ -56,5 +57,5 @@
     margin-right:var(--notification-margin);
     padding: 0.5em;
     width: 300px;
-}
-
+    // transition: all .3s;
+}
\ No newline at end of file