CSS tweakage

css/molecules/MessageComposer.css

@@ -1,12 +1,10 @@
 .mx_MessageComposer {
-    position: absolute;
-    bottom: 5px;
-    right: 0px;
-    left: 0px;
-    width: 100%;
-    height: 36px;
 }
 
 .mx_MessageComposer textarea {
+    position: absolute;
     width: 100%;
+    margin-left: auto;
+    margin-right: auto;
+    padding: 0px;
 }

css/molecules/RoomHeader.css

@@ -2,5 +2,5 @@
     background-color: #eee;
     font-weight: bold;
     height: 1em;
-    padding: 5px;
+    padding: 0px;
 }

css/organisms/RoomList.css

@@ -1,13 +1,11 @@
 .mx_RoomList {
-    position: relative;
-    top: -30px;
-    padding-top: 30px;
-    padding-bottom: 10px;
-    height: 100%;
-    overflow-y: scroll;
 }
 
 .mx_RoomList ul {
     padding: 0px;
     margin: 0px;
 }
+
+.mx_RoomList ul li {
+    list-style-type: none;
+}

css/organisms/RoomView.css

@@ -1,18 +1,33 @@
 .mx_RoomView {
-    display: table-cell;
-    padding-left: 5px;
     word-wrap: break-word;
-    position: relative;
-    padding-bottom: 70px
+}
+
+.mx_RoomView .mx_RoomHeader {
+    position: absolute;
+    top: 0px;
+    width: 100%;
+    height: 30px;
 }
 
 .mx_RoomView ul {
     padding: 0px;
     margin: 0px;
-    height: 100%;
+    position: absolute;
+    top: 35px;
+    bottom: 40px;
+    left: 0px;
+    right: 0px;
     overflow-y: scroll;
 }
 
-.mx_RoomView li {
+.mx_RoomView ul li {
     list-style-type: none;
 }
+
+.mx_RoomView .mx_MessageComposer {
+    position: absolute;
+    bottom: 5px;
+    right: 0px;
+    left: 0px;
+    height: 36px;
+}

css/pages/MatrixChat.css

@@ -1,12 +1,32 @@
 .mx_MatrixChat {
-    display: table;
-    table-layout: fixed;
+    position: relative;
     width: 100%;
     height: 100%;
 }
 
 .mx_MatrixChat_leftPanel {
-    display: table-cell;
+    position: absolute;
+    left: 0px;
     width: 250px;
     height: 100%;
 }
+
+.mx_MatrixChat_leftPanel .mx_MatrixToolbar {
+    position: absolute;
+    height: 20px;
+}
+
+.mx_MatrixChat_leftPanel .mx_RoomList {
+    position: absolute;
+    top: 20px;
+    bottom: 0px;
+    width: 250px;
+    overflow-y: scroll;
+}
+
+.mx_MatrixChat .mx_RoomView {
+    position: absolute;
+    left: 255px;
+    right: 0px;
+    height: 100%;
+}