From 7823bff6d9f75171c0260987e6e353885105c52a Mon Sep 17 00:00:00 2001
From: Aleksandr Gumroian <aleksandr.gumroian@nic.cz>
Date: Wed, 10 Apr 2024 14:46:18 +0200
Subject: [PATCH] Update Spinner.css styles for better positioning and
 responsiveness

---
 src/bootstrap/Spinner.css | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/bootstrap/Spinner.css b/src/bootstrap/Spinner.css
index 2e68e26..83458c5 100644
--- a/src/bootstrap/Spinner.css
+++ b/src/bootstrap/Spinner.css
@@ -1,3 +1,11 @@
+.spinner-fs-wrapper {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    z-index: 1101; /* increase z-index by 1 to ensure it's on top of spinner-fs-background */
+}
+
 .spinner-wrapper .spinner-border {
     width: 4rem;
     height: 4rem;
@@ -7,10 +15,8 @@
 .spinner-fs-background {
     background-color: rgba(2, 2, 2, 0.5);
     color: rgb(230, 230, 230);
-    position: fixed;
-    width: 100%;
-    height: 100%;
-    top: 0;
+    width: 100vw;
+    height: 100vh;
 
     display: flex;
     align-items: center;