From 5a54be2e2ebf965f919f9b495ac7e2ddd4e8d4e4 Mon Sep 17 00:00:00 2001
From: RMidhunSuresh <rmidhunsuresh@gmail.com>
Date: Thu, 15 Jul 2021 16:25:59 +0530
Subject: [PATCH] Style loading view

Signed-off-by: RMidhunSuresh <rmidhunsuresh@gmail.com>
---
 src/platform/web/ui/css/layout.css                    | 6 ++++++
 src/platform/web/ui/css/themes/element/theme.css      | 9 +++++++++
 src/platform/web/ui/session/rightpanel/LoadingView.js | 2 +-
 3 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/platform/web/ui/css/layout.css b/src/platform/web/ui/css/layout.css
index 793ea9b1..df12534f 100644
--- a/src/platform/web/ui/css/layout.css
+++ b/src/platform/web/ui/css/layout.css
@@ -212,3 +212,9 @@ the layout viewport up without resizing it when the keyboard shows */
 .LazyListParent {
     height: 100vh;
 }
+
+.LoadingView {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
diff --git a/src/platform/web/ui/css/themes/element/theme.css b/src/platform/web/ui/css/themes/element/theme.css
index cc1d8485..6dad1d3f 100644
--- a/src/platform/web/ui/css/themes/element/theme.css
+++ b/src/platform/web/ui/css/themes/element/theme.css
@@ -787,6 +787,15 @@ button.link {
     width: 100%;
 }
 
+.LoadingView {
+    height: 100%;
+    width: 100%;
+}
+
+.LoadingView .spinner {
+    margin-left: 5px;
+}
+
 /* Right Panel */
 
 .RightPanelView {
diff --git a/src/platform/web/ui/session/rightpanel/LoadingView.js b/src/platform/web/ui/session/rightpanel/LoadingView.js
index eeafea70..f27e5f01 100644
--- a/src/platform/web/ui/session/rightpanel/LoadingView.js
+++ b/src/platform/web/ui/session/rightpanel/LoadingView.js
@@ -3,6 +3,6 @@ import {spinner} from "../../common.js";
 
 export class LoadingView extends TemplateView {
     render(t) {
-        return t.div(["Loading ", spinner(t)]);
+        return t.div({ className: "LoadingView" }, ["Loading", spinner(t)]);
     }
 }