tray tab & box shadows

Author: poietik

img/junto.png

@@ -82,30 +82,30 @@
   width: 300px;
   height: 100%;
   background: #424242;
+  box-shadow: 0px 0px 16px 8px rgba(0, 0, 0, 0.23), -2px 10px 10px rgba(0, 0, 0, 0.19);
 
   .chat-button {
     position: absolute;
-    top: 60%;
-    left: -40px;
-    width: 40px;
-    height: 40px;
-    border-top-left-radius: 5px;
-    border-bottom-left-radius: 5px;
-    background: #424242 url(/img/chat32.png) no-repeat 5px 4px;
+    top: 50%;
+    left: -36px;
+    width: 36px;
+    height: 49px;
+    background: url(/img/junto.png) no-repeat 2px 9px, url(/img/tray_tab.png) no-repeat;
 
     .chat-unread {
       display: none;
       background: #DAB539;
       position: absolute;
-      top: -10px;
-      left: -10px;
+      top: -3px;
+      left: -11px;
       width: 20px;
       height: 20px;
       border-radius: 11px;
       border: 2px solid #424242;
       color: #424242;
       text-align: center;
       font-size: 12px;
+      font-weight: bold;
       line-height: 20px;
     }
   }
@@ -278,6 +278,7 @@
         margin-top: 12px;
         padding: 2px 8px 0;
         text-align: left;
+
       }
 
       .chat-message-time {