From 306390179b0ddb787d8712b273f4c83143e3197e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Germain=20Carr=C3=A9?= <git@germain.sh>
Date: Sun, 17 Nov 2024 17:48:58 +0100
Subject: [PATCH] Fixing spinner direction (should be clockwise) and removing
 duplicate animation @keyframes spin

---
 src/styles/videoosd.scss | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/styles/videoosd.scss b/src/styles/videoosd.scss
index 9732a11517..73e2cebd59 100644
--- a/src/styles/videoosd.scss
+++ b/src/styles/videoosd.scss
@@ -172,14 +172,8 @@
     margin-left: auto;
 }
 
-@keyframes spin {
-    100% {
-        transform: rotate(360deg);
-    }
-}
-
 .osdMediaStatus .animate {
-    animation: spin 4s linear infinite;
+    animation: spin-clockwise 4s linear infinite;
 }
 
 @media all and (max-width: 30em) {
@@ -236,7 +230,7 @@
 
 .primary-icon.spin {
     font-size: 76px !important;
-    animation: spin 2s linear infinite;
+    animation: spin-counterclockwise 2s linear infinite;
 }
 
 .secondary-icon {
@@ -326,8 +320,14 @@
     }
 }
 
-@keyframes spin {
+@keyframes spin-counterclockwise {
     100% {
         transform: rotate(-360deg);
     }
 }
+
+@keyframes spin-clockwise {
+    100% {
+        transform: rotate(360deg);
+    }
+}