From 655e4e5038f099b16c82a8897baf1efb2010141b Mon Sep 17 00:00:00 2001
From: Eric Jinks <ericjinks@gmail.com>
Date: Fri, 16 Feb 2018 11:19:32 +1000
Subject: [PATCH] Update Spinner position

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

diff --git a/src/components/Spinner.css b/src/components/Spinner.css
index 0a2465b..cca1948 100644
--- a/src/components/Spinner.css
+++ b/src/components/Spinner.css
@@ -1,12 +1,21 @@
 .Spinner {
   position: fixed;
-  width: 100%;
-  height: 100%;
-  background: rgba(255, 255, 255, 0.7);
+  bottom: 1rem;
+  right: 1rem;
   z-index: 2;
   display: flex;
   align-items: center;
   justify-content: center;
+  background: rgba(255, 255, 255, 1);
+  border-radius: 50%;
+  padding: 0.5rem;
+  animation: SpinnerPopIn 0.3s ease-out;
+}
+
+@keyframes SpinnerPopIn {
+  from {
+    transform: scale(0);
+  }
 }
 
 .semipolar-spinner,
@@ -15,7 +24,7 @@
 }
 
 .semipolar-spinner {
-  --size: 150px;
+  --size: 6rem;
   --duration: 750ms;
   --color: var(--primary);
   height: var(--size);