From 6c9f617e0bf3aa097395c8683e03ed714cf1361a Mon Sep 17 00:00:00 2001
From: Matthew Grove <me@mgrove.uk>
Date: Sun, 3 Oct 2021 16:30:46 +0100
Subject: [PATCH] Change page loader design

---
 src/css/App.css   | 12 +++++++-----
 src/css/PopUp.css |  5 -----
 2 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/src/css/App.css b/src/css/App.css
index d0fbc85..96a06ad 100644
--- a/src/css/App.css
+++ b/src/css/App.css
@@ -294,21 +294,23 @@ label .MuiIconButton-label > input {
 
 .page-loader-container {
   width: 30%;
+  max-width: 150px;
   height: min-content;
   line-height: 0;
   border-radius: 150px;
   background: var(--primary-color-dark);
-}
-
-.page-loader {
   margin: auto;
-  width: 30%;
-  max-width: 150px;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
+  z-index: 10;
+}
+
+.page-loader {
+  width: calc(100% - 32px);
+  padding: 16px;
 }
 
 .cookie-notice {
diff --git a/src/css/PopUp.css b/src/css/PopUp.css
index 0e4d179..f41b915 100644
--- a/src/css/PopUp.css
+++ b/src/css/PopUp.css
@@ -10,11 +10,6 @@
 	cursor: default;
 }
 
-.overlay--black {
-	background-color: var(--background-color);
-	opacity: 0.8;
-}
-
 .popup-close-button {
 	position: absolute;
 	top: 24px;