From fc2d83996d55adc00eb6c58010c3ac8ee7f61836 Mon Sep 17 00:00:00 2001
From: amtins <andre.martins@rts.ch>
Date: Mon, 29 May 2023 20:09:01 +0200
Subject: [PATCH] fix(loading-spinner): lack of responsiveness

---
 src/css/components/_loading.scss | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/css/components/_loading.scss b/src/css/components/_loading.scss
index 2bd1792724..ec85b0cdee 100644
--- a/src/css/components/_loading.scss
+++ b/src/css/components/_loading.scss
@@ -3,20 +3,20 @@
   position: absolute;
   top: 50%;
   left: 50%;
-  margin: -25px 0 0 -25px;
+  transform: translate(-50%, -50%);
   opacity: 0.85;
 
   // Need to fix centered page layouts
   text-align: left;
 
-  border: 6px solid rgba($primary-background-color, $primary-background-transparency);
+  border: .6em solid rgba($primary-background-color, $primary-background-transparency);
   // border: 6px solid rgba(43, 51, 63, 0.5);
 
   box-sizing: border-box;
   background-clip: padding-box;
-  width: 50px;
-  height: 50px;
-  border-radius: 25px;
+  width: 5em;
+  height: 5em;
+  border-radius: 50%;
   visibility: hidden;
 }
 
@@ -31,7 +31,7 @@
 .vjs-loading-spinner:after {
   content: "";
   position: absolute;
-  margin: -6px;
+  margin: -0.6em;
   box-sizing: inherit;
   width: inherit;
   height: inherit;