css tweaking

css/molecules/RoomTile.css

@@ -1,6 +1,5 @@
 .mx_RoomTile {
     height: 20px;
-    width: 250px;
     background-color: #ddd;
     margin-top: 1px;
     margin-bottom: 1px;

css/organisms/RoomList.css

@@ -1,5 +1,4 @@
 .mx_RoomList {
-    display: table-row;
 }
 
 .mx_RoomList ul {

css/organisms/RoomView.css

@@ -1,7 +1,7 @@
 .mx_RoomView {
     display: table-cell;
     padding-left: 5px;
-    width: 100%;
+    word-wrap: break-word;
 }
 
 .mx_RoomView ul {

css/pages/MatrixChat.css

@@ -1,3 +1,10 @@
+.mx_MatrixChat {
+    display: table;
+    table-layout: fixed;
+    width: 100%;
+}
+
 .mx_MatrixChat_leftPanel {
     display: table-cell;
+    width: 250px;
 }

src/pages/MatrixChat.js

@@ -68,7 +68,7 @@ module.exports = React.createClass({
     render: function() {
         if (this.state.logged_in && this.state.ready) {
             return (
-                <div>
+                <div className="mx_MatrixChat">
                     <div className="mx_MatrixChat_leftPanel">
                         <MatrixToolbar />
                         <RoomList selectedRoom={this.state.currentRoom} />