Fix broken RoomView CSS due to name clashes and splitting an element in

two.

skins/base/css/organisms/RoomView.css

@@ -24,6 +24,7 @@ limitations under the License.
     display: -webkit-flex;
     display: flex;
     width: 100%;
+    height: 100%;
     flex-direction: column;
     -webkit-flex-direction: column;
 }
@@ -65,7 +66,7 @@ limitations under the License.
     margin-bottom: 60px;
     /* background-color: #ff0; */
 
-    overflow-y: scroll;    
+    overflow-y: scroll;
 }
 
 .mx_RoomView_messageListWrapper {

skins/base/css/pages/MatrixChat.css

@@ -38,7 +38,7 @@ limitations under the License.
     height: 100%;
 }
 
-.mx_MatrixChat .mx_MainView {
+.mx_MatrixChat .mx_MatrixChat_MiddleView {
     -webkit-box-ordinal-group: 2;
     -moz-box-ordinal-group: 2;
     -ms-flex-order: 2;