Fixed issue with header dropdown and improved it. Made chat submit button look better.

app/client/app.css

@@ -1205,7 +1205,6 @@ nav form input[type="image"]{
 }
 #submit button{
     width: 100%;
-    height: 40px;
     font-size: 1.5em;
 }
 #submit i{
@@ -1286,12 +1285,6 @@ nav form input[type="image"]{
     background-color: white;
 }
 
-::-webkit-scrollbar-track-piece {
-    background: #50a3a2;
-    background: -webkit-linear-gradient(top left, #50a3a2 0%, #53e3a6 100%);
-    background: linear-gradient(to bottom right, #50a3a2 0%, #53e3a6 100%);
-}
-
 .contact-name {
     margin-left: 30px;
     margin-top: 35px;
@@ -1337,5 +1330,26 @@ nav form input[type="image"]{
 }
 .answers {
     color: white;
-    font-size: 50
+    font-size: 50;
 }
+
+#header-dropdown {
+    padding: 5px 0;
+    margin: 2px 0 0;
+    border: 1px solid #ccc;
+    border: 1px solid rgba(0, 0, 0, .15);
+    border-radius: 4px;
+    overflow: inherit;
+    font-size: 14px;
+    letter-spacing: inherit;
+    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
+    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
+}
+
+#header-dropdown li:hover {
+    background-color: white;
+}
+
+#header-dropdown li:hover > a {
+    color: #1C39B2 !important;
+}

app/client/emojidropdown.css

@@ -11,8 +11,8 @@
     font-size: inherit;
     letter-spacing: .025em;
     box-shadow: 3px 3px 3px rgba(0,0,0,.2);
-    top: 390px !important;
-    height: 287px;
+    /*top: 390px !important;
+    height: 287px;*/
 }
 .dropdown-menu a:hover {
     cursor: pointer;

app/client/templates/header.html

@@ -25,7 +25,7 @@
                   <ul class="nav navbar-nav navbar-right">
                     <li class="dropdown">
                       <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{{currentUser.profile.username}} <span class="caret"></span></a>
-                        <ul class="dropdown-menu">
+                        <ul class="dropdown-menu" id="header-dropdown">
                             <li><a href="/u/{{currentUser.profile.username}}">Profile</a></li>
                             <li><a href="/settings">Settings</a></li>
                             <li role="separator" class="divider"></li>

app/client/templates/room.html

@@ -124,7 +124,7 @@
                                 {{else}}
                                     <input id="chat-input" placeholder="Please register and login to chat." disabled>
                                 {{/if}}
-                                <div id="submit"><button class="btn btn-danger">Submit<i id="submit-message" class="fa fa-paper-plane-o"></i></button></div>
+                                <div id="submit"><button class="btn btn-primary btn-block">Submit<i id="submit-message" class="fa fa-paper-plane-o"></i></button></div>
                             </div>
                         </div>
                     </div>