From 3b8e5073b545651aa722ce2bf048966122ef0630 Mon Sep 17 00:00:00 2001
From: Matthew Hodgson <matthew@matrix.org>
Date: Mon, 18 Jan 2016 19:57:32 +0000
Subject: [PATCH] improve layout

---
 .../views/rooms/RoomPreviewBar.css            | 24 +++++++++++++++++--
 1 file changed, 22 insertions(+), 2 deletions(-)

diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/RoomPreviewBar.css b/src/skins/vector/css/matrix-react-sdk/views/rooms/RoomPreviewBar.css
index 0e792409..5a6ee551 100644
--- a/src/skins/vector/css/matrix-react-sdk/views/rooms/RoomPreviewBar.css
+++ b/src/skins/vector/css/matrix-react-sdk/views/rooms/RoomPreviewBar.css
@@ -16,10 +16,25 @@ limitations under the License.
 
 .mx_RoomPreviewBar {
     text-align: center;
+    height: 176px;
+
+    -webkit-align-items: center;
+    align-items: center;
+
+    flex-direction: column;
+    -webkit-flex-direction: column;
+    
+    justify-content: center;
+    -webkit-justify-content: center;
+
+    display: -webkit-box;
+    display: -moz-box;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
 }
 
-.mx_RoomPreviewBar_preview_text {
-    color: #a4a4a4;
+.mx_RoomPreviewBar_wrapper {
 }
 
 .mx_RoomPreviewBar_invite_text {
@@ -30,6 +45,11 @@ limitations under the License.
     color: #ff0064;
 }
 
+.mx_RoomPreviewBar_preview_text {
+    margin-top: 25px;
+    color: #a4a4a4;
+}
+
 .mx_RoomPreviewBar_join_text a {
     text-decoration: underline;
     cursor: pointer;