From 1866118e6cd675dba314ec7f9514ef5a57d572b0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9?= <34163393+amtins@users.noreply.github.com>
Date: Mon, 4 Dec 2023 20:26:55 +0100
Subject: [PATCH] fix(loading-spinner): border size costumization (#8369)

Allows to change the border size of the `loading-spinner` component without having to reflect the border size in the pseudo-element margin.

- uses display `flex` to facilitate centering of pseudo-elements
- deletes the pseudo-elements `margin`
---
 src/css/components/_loading.scss | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/css/components/_loading.scss b/src/css/components/_loading.scss
index 00756a5204..e9b82bffef 100644
--- a/src/css/components/_loading.scss
+++ b/src/css/components/_loading.scss
@@ -22,7 +22,10 @@
 
 .vjs-seeking .vjs-loading-spinner,
 .vjs-waiting .vjs-loading-spinner {
-  display: block;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
   // add a delay before actual show the spinner
   animation: vjs-spinner-show 0s linear 0.3s forwards;
 }
@@ -36,7 +39,6 @@
 .vjs-loading-spinner:after {
   content: "";
   position: absolute;
-  margin: -0.6em;
   box-sizing: inherit;
   width: inherit;
   height: inherit;