From c96abc889205cda589f1d4afa7ffcc626ebb63f7 Mon Sep 17 00:00:00 2001
From: RMidhunSuresh <rmidhunsuresh@gmail.com>
Date: Wed, 26 May 2021 15:41:23 +0530
Subject: [PATCH] Add css to place items appropriately

Signed-off-by: RMidhunSuresh <rmidhunsuresh@gmail.com>
---
 src/platform/web/ui/css/right-panel.css | 28 ++++++++++++++++++++-----
 1 file changed, 23 insertions(+), 5 deletions(-)

diff --git a/src/platform/web/ui/css/right-panel.css b/src/platform/web/ui/css/right-panel.css
index 23f140c3..76cf3091 100644
--- a/src/platform/web/ui/css/right-panel.css
+++ b/src/platform/web/ui/css/right-panel.css
@@ -1,8 +1,26 @@
-.RoomInfo{
+.RoomInfo {
     grid-area: right;
-    background : rgba(245, 245, 245, 0.90);
-    display: flex;
     flex-direction: column;
-    align-items: center;
-    padding:10px;
+}
+
+.RoomAvatar {
+    display: flex;
+}
+
+.RoomName h2 {
+    text-align: center;
+}
+
+.SidebarRow {
+    justify-content: space-between;
+}
+
+.SidebarLabel, .SidebarRow,
+.RoomInfo, .RoomEncryption {
+    display: flex;
+    align-items: center;
+} 
+
+.RoomEncryption {
+    justify-content: center;
 }