implement latest skin

skins/base/css/organisms/LeftPanel.css

@@ -49,6 +49,7 @@ limitations under the License.
     overflow-y: scroll;
 }
 
+/*
 .mx_LeftPanel .mx_RoomCreate {
     -webkit-box-ordinal-group: 2;
     -moz-box-ordinal-group: 2;
@@ -69,6 +70,7 @@ limitations under the License.
     width: 100%;
     height: 46px;
 }
+*/
 
 .mx_LeftPanel .mx_DirectoryMenu {
     -webkit-box-ordinal-group: 3;
@@ -77,12 +79,14 @@ limitations under the License.
     -webkit-order: 3;
     order: 3;
 
-    min-height: 150px;
+    -webkit-flex: 0 0 170px;
+    flex: 0 0 170px;
+
     padding-left: 16px;
     padding-right: 16px;
 }
 
 .mx_LeftPanel .mx_DirectoryMenu .mx_DirectoryMenu_options {
-    margin-top: -12px;
+    margin-top: 12px;
     width: 100%;
 }

skins/base/css/organisms/MemberList.css

@@ -22,7 +22,7 @@ limitations under the License.
 
 .mx_MemberList_chevron {
     position: absolute;
-    right: 20px;
+    right: 35px;
     margin-top: -13px;
 }
 
@@ -33,6 +33,7 @@ limitations under the License.
     max-height: 75%;
     border-radius: 8px;
     padding: 20px 14px 14px 24px;
+    background-color: #fff;
 }
 
 .mx_MemberList_wrapper {

skins/base/css/organisms/RightPanel.css

@@ -33,18 +33,28 @@ limitations under the License.
     -webkit-order: 1;
     order: 1;
 
-    -webkit-flex: 0 0 50px;
-    flex: 0 0 50px;    
+    -webkit-flex: 0 0 66px;
+    flex: 0 0 66px;    
+}
 
-    text-align: right;
+/** Fixme - factor this out with the main header **/
 
-    height: 50px;
-    border-bottom: 1px solid #d8d8d8;
+.mx_RightPanel_headerButtonGroup {
+    margin-top: 18px;
+    height: 48px;
+    float: right;
+    background-color: #fff;
+    border-radius: 48px;
+    border: 1px solid #e1e1e1;
+    margin-right: 22px;
 }
 
 .mx_RightPanel_headerButton {
-    margin-top: 9px;
-    margin-right: 16px;
+    height: 48px;
+    display: table-cell;
+    vertical-align: middle;    
+    padding-left: 8px;
+    padding-right: 8px;
 }
 
 .mx_RightPanel .mx_MemberList {

skins/base/css/organisms/RoomView.css

@@ -35,9 +35,8 @@ limitations under the License.
     -webkit-order: 1;
     order: 1;
 
-    -webkit-flex: 0 0 50px;
-    flex: 0 0 50px;
-    border-bottom: 1px solid #d8d8d8;
+    -webkit-flex: 0 0 86px;
+    flex: 0 0 86px;
 }
 
 .mx_RoomView_auxPanel {
@@ -47,7 +46,10 @@ limitations under the License.
     -webkit-order: 2;
     order: 2;
 
+    max-width: 720px;
     width: 100%;
+    margin: auto;
+    border-top: 1px solid #a8dbf3;
     height: 0%;
 }
 
@@ -86,7 +88,7 @@ limitations under the License.
     order: 4;
 
     width: 100%;
-    -webkit-flex: 0 0 50px;
-    flex: 0 0 50px;    
-    /* background-color: #ff0; */
+    -webkit-flex: 0 0 63px;
+    flex: 0 0 63px;
+    margin-left: 3px;
 }