implement collapsible leftpanel at last

src/skins/vector/css/hide.css

@@ -1,7 +1,6 @@
 .mx_RoomDropTarget,
 .mx_RoomList_favourites_label,
 .mx_RoomList_archive_label,
-.mx_LeftPanel_hideButton,
 .mx_RoomHeader_search,
 .mx_RoomSettings_encrypt,
 .mx_CreateRoom_encrypt,

src/skins/vector/css/molecules/RoomTile.css

@@ -22,13 +22,13 @@ limitations under the License.
 
 .mx_RoomTile_avatar {
     display: table-cell;
-    padding-right: 12px;
+    padding-right: 10px;
     padding-top: 3px;
     padding-bottom: 3px;
-    padding-left: 16px;
+    padding-left: 10px;
     vertical-align: middle;
-    width: 40px;
-    height: 40px;
+    width: 36px;
+    height: 36px;
     position: relative;
 }
 
@@ -45,6 +45,31 @@ limitations under the License.
     padding-right: 16px;    
 }
 
+.mx_RoomTile_tooltip {
+    border: 1px solid #a9dbf4;
+    border-radius: 8px;
+    background-color: #fff;
+    position: absolute;
+    z-index: 1000;
+    margin-top: 6px;
+    left: 64px;
+    padding: 6px;
+}
+
+.mx_RoomTile_chevron {
+    position: absolute;
+    left: -9px;
+    top: 8px;
+}
+
+.mx_RoomTile_tooltip {
+    position: absolute;
+}
+
+.collapsed .mx_RoomTile_name {
+    display: none;
+}
+
 /*
 .mx_RoomTile_nameBadge {
     display: table;

src/skins/vector/css/organisms/LeftPanel.css

@@ -28,8 +28,16 @@ limitations under the License.
 
 .mx_LeftPanel_hideButton {
     position: absolute;
-    top: 10px;
-    right: 10px;
+    top: 18px;
+    right: 8px;
+    cursor: pointer;
+}
+
+.mx_LeftPanel_showButton {
+    position: absolute;
+    top: 18px;
+    left: 16px;
+    cursor: pointer;
 }
 
 .mx_LeftPanel .mx_RoomList {

src/skins/vector/css/organisms/RoomList.css

@@ -27,4 +27,5 @@ limitations under the License.
 .mx_RoomList h2 {
     padding-left: 16px;
     padding-right: 16px;
+    padding-bottom: 10px;
 }

src/skins/vector/css/pages/MatrixChat.css

@@ -73,6 +73,11 @@ limitations under the License.
     flex: 0 0 230px;
 }
 
+.mx_MatrixChat .mx_LeftPanel.collapsed {
+    -webkit-flex: 0 0 60px;
+    flex: 0 0 60px;    
+}
+
 .mx_MatrixChat .mx_MatrixChat_middlePanel {
     -webkit-box-ordinal-group: 2;
     -moz-box-ordinal-group: 2;