vector wireframes

skins/base/css/pages/MatrixChat.css

@@ -18,62 +18,23 @@ limitations under the License.
     position: relative;
     width: 100%;
     height: 100%;
-}
-
-.mx_MatrixChat_chatWrapper {
-    display: -webkit-box;
-    display: -moz-box;
-    display: -ms-flexbox;
-    display: -webkit-flex;
-    display: flex;
-    position: absolute;
-    width: 100%;
-    top: 0px;
-    bottom: 42px;
-}
-
-.mx_MatrixChat_leftPanel {
-    -webkit-box-ordinal-group: 1;
-    -moz-box-ordinal-group: 1;
-    -ms-flex-order: 1;
-    -webkit-order: 1;
-    order: 1;
 
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
-    flex-direction: column;
-    -webkit-flex-direction: column;
-
-    /* background-color: #f00; */
-    width: 250px;
-    height: 100%;
 }
 
-.mx_MatrixChat_leftPanel .mx_MatrixToolbar {
+.mx_MatrixChat .mx_LeftPanel {
     -webkit-box-ordinal-group: 1;
     -moz-box-ordinal-group: 1;
     -ms-flex-order: 1;
     -webkit-order: 1;
     order: 1;
 
-    width: 100%;
-    height: 40px;
-}
-
-.mx_MatrixChat_leftPanel .mx_RoomList {
-    -webkit-box-ordinal-group: 2;
-    -moz-box-ordinal-group: 2;
-    -ms-flex-order: 2;
-    -webkit-order: 2;
-    order: 2;
-
-    /* background-color: #0ff; */
-    width: 100%;
+    flex: 0 0 230px;
     height: 100%;
-    overflow-y: scroll;
 }
 
 .mx_MatrixChat .mx_RoomView {
@@ -87,3 +48,14 @@ limitations under the License.
     width: 100%;
     height: 100%;       
 }
+
+.mx_MatrixChat .mx_RightPanel {
+    -webkit-box-ordinal-group: 3;
+    -moz-box-ordinal-group: 3;
+    -ms-flex-order: 3;
+    -webkit-order: 3;
+    order: 3;
+
+    flex: 0 0 230px;
+    height: 100%;       
+}