[ux] increase the size of sidebar, make positioning consistent

public/css/app/chat.styl

@@ -21,7 +21,7 @@
     border-bottom: 1px solid #aaa
     position: fixed
     right: 0px
-    left: 156px
+    left: 181px
     z-index: 10
     font-size: 14px
     borderbox()
@@ -117,7 +117,7 @@
   bottom: 0px
   position: fixed
   right: 0px
-  left: 156px
+  left: 181px
   z-index: 200
 
   form

public/css/app/layout.styl

@@ -16,8 +16,5 @@ h1, h2, h3, h4
   position: absolute
   top: 0px
   right: 0px
-  left: 156px
+  left: 201px
   borderbox()
-
-#menu
-  width: 155px

public/css/app/roster.styl

@@ -6,7 +6,7 @@
   top: 0px
   bottom: 0px
   left: 0px
-  width: 155px
+  width: 180px
   background-color: $sidebarBg
   z-index: 300
   overflow-y: auto;

public/css/otalk.css

@@ -250,7 +250,7 @@ td {
   top: 0px;
   bottom: 0px;
   left: 0px;
-  width: 155px;
+  width: 180px;
   background-color: #0b1316;
   z-index: 300;
   overflow-y: auto;
@@ -436,7 +436,7 @@ td {
   border-bottom: 1px solid #aaa;
   position: fixed;
   right: 0px;
-  left: 156px;
+  left: 181px;
   z-index: 10;
   font-size: 14px;
   -moz-box-sizing: border-box;
@@ -545,7 +545,7 @@ td {
   bottom: 0px;
   position: fixed;
   right: 0px;
-  left: 156px;
+  left: 181px;
   z-index: 200;
 }
 .chatBox form {
@@ -646,14 +646,11 @@ h4 {
   position: absolute;
   top: 0px;
   right: 0px;
-  left: 156px;
+  left: 201px;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
 }
-#menu {
-  width: 155px;
-}
 .aux header {
   margin-top: 8%;
   text-align: center;