From 8c83e802e9affae5adec38382bcd6999cc7aecd4 Mon Sep 17 00:00:00 2001
From: Alexander Bentkamp <bentkamp@gmail.com>
Date: Fri, 27 Jan 2023 16:39:00 +0100
Subject: [PATCH] center loading icon

---
 client/src/app.css | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/client/src/app.css b/client/src/app.css
index a5bca4c..531bf5e 100644
--- a/client/src/app.css
+++ b/client/src/app.css
@@ -29,13 +29,19 @@ code {
 
 .loading {
   margin: auto;
-  vertical-align: middle;
+  height: 100%;
+  display: flex;
+  align-items: center;
 }
 
-
 /* App Bar */
 
+#root {
+  height: 100%;
+}
+
 .app {
+  height: 100%;
   display: flex;
   flex-direction: column;
 }
@@ -59,5 +65,4 @@ code {
 
 .app-content {
   flex: 1;
-  min-height: 1fr;
 }