Fix status bar element positioning

res/css/structures/_RoomStatusBar.scss

@@ -113,6 +113,8 @@ limitations under the License.
 }
 
 .mx_RoomStatusBar_connectionLostBar {
+    display: flex;
+
     margin-top: 19px;
     min-height: 58px;
 }
@@ -132,6 +134,7 @@ limitations under the License.
     color: $primary-fg-color;
     font-size: 13px;
     opacity: 0.5;
+    padding-bottom: 20px;
 }
 
 .mx_RoomStatusBar_resend_link {

src/components/structures/RoomStatusBar.js

@@ -351,12 +351,14 @@ module.exports = React.createClass({
 
         return <div className="mx_RoomStatusBar_connectionLostBar">
             <img src="img/warning.svg" width="24" height="23" title={_t("Warning")} alt={_t("Warning")} />
+            <div>
                 <div className="mx_RoomStatusBar_connectionLostBar_title">
                     { title }
                 </div>
                 <div className="mx_RoomStatusBar_connectionLostBar_desc">
                     { content }
                 </div>
+            </div>
         </div>;
     },