From dbb365f5e33a22503165e72c785fbbabe0275895 Mon Sep 17 00:00:00 2001
From: Miguel Medeiros <miguel@miguelmedeiros.com.br>
Date: Sat, 22 May 2021 11:57:15 -0300
Subject: [PATCH] Align loading component in the center. (#535)

* Align loading component in the center.

* Change height of loading component.
---
 .../app/components/statistics/statistics.component.html   | 2 +-
 .../app/components/statistics/statistics.component.scss   | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/components/statistics/statistics.component.html b/frontend/src/app/components/statistics/statistics.component.html
index 3728ab698..8aaf5d833 100644
--- a/frontend/src/app/components/statistics/statistics.component.html
+++ b/frontend/src/app/components/statistics/statistics.component.html
@@ -1,6 +1,6 @@
 <div class="container-graph">
   <div>
-    <div *ngIf="loading">
+    <div *ngIf="loading" class="loading">
       <div class="text-center">
         <h3 i18n="statistics.loading-graphs">Loading graphs...</h3>
         <br>
diff --git a/frontend/src/app/components/statistics/statistics.component.scss b/frontend/src/app/components/statistics/statistics.component.scss
index 8e8761841..882e7d496 100644
--- a/frontend/src/app/components/statistics/statistics.component.scss
+++ b/frontend/src/app/components/statistics/statistics.component.scss
@@ -41,3 +41,11 @@
     }
   }
 }
+
+.loading{
+  display: flex;
+  flex-direction: column;
+  text-align: center;
+  height: 80vh;
+  justify-content: center;
+}
\ No newline at end of file