adjust column widths to match design

src/skins/vector/css/molecules/MessageComposer.css

@@ -32,7 +32,7 @@ limitations under the License.
 .mx_MessageComposer .mx_MessageComposer_avatar {
     display: table-cell;
     padding-left: 10px;
-    padding-right: 29px;
+    padding-right: 28px;
     height: 70px;
 }
 

src/skins/vector/css/molecules/RoomDropTarget.css

@@ -17,7 +17,7 @@ limitations under the License.
 .mx_RoomDropTarget {
     font-size: 14px;
     margin-left: 10px;
-    margin-right: 15px;
+    margin-right: 10px;
     padding-top: 5px;
     padding-bottom: 5px;
     border: 1px dashed #76cfa6;
@@ -42,7 +42,7 @@ limitations under the License.
     height: 24px;
     float: left;
     margin-left: 7px;
-    margin-right: 8px;
+    margin-right: 7px;
 }
 
 .mx_RoomDropTarget_label {

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

@@ -71,8 +71,8 @@ limitations under the License.
 
     background-color: #eaf5f0;
 
-    -webkit-flex: 0 0 230px;
-    flex: 0 0 230px;
+    -webkit-flex: 0 0 210px;
+    flex: 0 0 210px;
 }
 
 .mx_MatrixChat .mx_LeftPanel.collapsed {
@@ -116,8 +116,8 @@ limitations under the License.
     -webkit-order: 3;
     order: 3;
 
-    -webkit-flex: 0 0 230px;
-    flex: 0 0 230px;
+    -webkit-flex: 0 0 235px;
+    flex: 0 0 235px;
 }
 
 .mx_MatrixChat .mx_RightPanel.collapsed {