Style loading view

Signed-off-by: RMidhunSuresh <rmidhunsuresh@gmail.com>

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;
+}

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 {

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)]);
     }
 }