fix: loading screen style

Author: dsonyy

src/css/loading.css

@@ -1,8 +1,8 @@
 .loading-container {
-  position: relative;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
   width: 100%;
   height: 100%;
 }

src/index.html

@@ -17,6 +17,7 @@
 
     <div id="loading" class="loading-container">
       <div class="loading-spinner"></div>
+      <p>Ładowanie danych...</p>
     </div>
   </body>
 </html>

src/js/main.js

@@ -11,7 +11,7 @@ import "../css/loading.css";
 import "animate.css";
 
 function enableLoadingScreen() {
-  document.getElementById("loading").style.display = "block";
+  document.getElementById("loading").style.display = "flex";
   document.getElementById("chart").style.display = "none";
 }