From 34586d44c99b52d5adb1593080a83f8ffbf747d9 Mon Sep 17 00:00:00 2001
From: cnachtigall1991 <40701475+cnachtigall1991@users.noreply.github.com>
Date: Wed, 20 Oct 2021 17:34:28 +0200
Subject: [PATCH] fixed bug on mobile where button wasn't spinning correctly

---
 src/views/Player.vue | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/views/Player.vue b/src/views/Player.vue
index 3e1c6b1..8bf5bdf 100644
--- a/src/views/Player.vue
+++ b/src/views/Player.vue
@@ -350,11 +350,13 @@ export default {
     }
 
     const RefreshData = async () => {
-      const refreshButton = document.querySelector('.refresh-btn')
+      const refreshButton = document.querySelector('.refresh-btn .fas')
       refreshButton.classList.add('animate')
 
       await GetPlayer().then(() => {
-        refreshButton.classList.remove('animate')
+        setTimeout(() => {
+          refreshButton.classList.remove('animate')
+        }, 2000)
       })
     }
 
@@ -451,11 +453,12 @@ export default {
 
     .fas {
       font-size: 1.3rem;
+
+      &.animate {
+        animation: refresh 2s infinite;
+      }
     }
 
-    &.animate {
-      animation: refresh 2s infinite;
-    }
   }
 
   @keyframes refresh {