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

---
 src/components/views/rooms/RoomPreviewBar.js | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/views/rooms/RoomPreviewBar.js b/src/components/views/rooms/RoomPreviewBar.js
index 657aa6a4d9..6c39e67510 100644
--- a/src/components/views/rooms/RoomPreviewBar.js
+++ b/src/components/views/rooms/RoomPreviewBar.js
@@ -56,8 +56,10 @@ module.exports = React.createClass({
         }
         else if (this.props.canJoin) {
             joinBlock = (
-                <div className="mx_RoomPreviewBar_join_text">
-                    Would you like to <a onClick={ this.props.onJoinClick }>join</a> this room?
+                <div>
+                    <div className="mx_RoomPreviewBar_join_text">
+                        Would you like to <a onClick={ this.props.onJoinClick }>join</a> this room?
+                    </div>
                 </div>
             );
         }
@@ -72,8 +74,10 @@ module.exports = React.createClass({
 
         return (
             <div className="mx_RoomPreviewBar">
-                { previewBlock }
-                { joinBlock }
+                <div className="mx_RoomPreviewBar_wrapper">
+                    { joinBlock }
+                    { previewBlock }
+                </div>
             </div>
         );
     }