From d30cf23946a60cfb4c7bc740af77d74b6d35c334 Mon Sep 17 00:00:00 2001
From: Vania Kabashnikov <vania.kabashnikov@gmail.com>
Date: Fri, 10 Nov 2023 15:59:39 +0100
Subject: [PATCH] Fix: Center spinner in viewport across all screens

---
 src/components/Spinner.css | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/components/Spinner.css b/src/components/Spinner.css
index 945143c..f8e9f3f 100644
--- a/src/components/Spinner.css
+++ b/src/components/Spinner.css
@@ -4,20 +4,19 @@
 */
 
 .spinner {
-  position: relative;
-  flex: 1;
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 1000;
 }
 
 .sk-fold {
-  position: absolute;
-  left: 50%;
-  top: 50%;
   width: 40px;
   height: 40px;
-  margin-top: -28px;
-  margin-left: -28px;
   transform: rotateZ(45deg);
 }
+
 .sk-fold-cube {
   float: left;
   width: 50%;