From 22821af3467d52f47128c3925f61b5f6deb9c645 Mon Sep 17 00:00:00 2001
From: Bruno Windels <brunow@matrix.org>
Date: Tue, 5 May 2020 23:18:31 +0200
Subject: [PATCH] css changes for status bar

---
 src/ui/web/css/main.css             | 25 +++++++++++++++++++------
 src/ui/web/login/SessionLoadView.js |  2 +-
 2 files changed, 20 insertions(+), 7 deletions(-)

diff --git a/src/ui/web/css/main.css b/src/ui/web/css/main.css
index 085bd479..7a7f2f74 100644
--- a/src/ui/web/css/main.css
+++ b/src/ui/web/css/main.css
@@ -14,19 +14,32 @@
     color: white;
 }
 
-.hidden {
+.hiddenWithLayout {
     visibility: hidden;
 }
 
-.SyncStatusBar {
-    background-color: #555;
-    display: none;
+.hidden {
+    display: none !important;
 }
 
-.SyncStatusBar_shown {
-    display: unset;
+.SessionStatusView {
+    display: flex;
+    padding: 5px;
+    background-color: #555;
 }
 
+.SessionStatusView p {
+    margin: 0 10px;
+}
+
+.SessionStatusView button {
+    border: none;
+    background: none;
+    color: currentcolor;
+    text-decoration: underline;
+}
+
+
 .RoomPlaceholderView {
     display: flex;
     align-items: center;
diff --git a/src/ui/web/login/SessionLoadView.js b/src/ui/web/login/SessionLoadView.js
index a7a29df8..5340844b 100644
--- a/src/ui/web/login/SessionLoadView.js
+++ b/src/ui/web/login/SessionLoadView.js
@@ -4,7 +4,7 @@ import {spinner} from "../common.js";
 export class SessionLoadView extends TemplateView {
     render(t) {
         return t.div({className: "SessionLoadView"}, [
-            spinner(t, {hidden: vm => !vm.loading}),
+            spinner(t, {hiddenWithLayout: vm => !vm.loading}),
             t.p(vm => vm.loadLabel)
         ]);
     }