user dropdown, submenu dropdown, dropdown adjustments

rhodecode/public/css/login.less

@@ -206,7 +206,9 b''
 
 .user-menu {
     .bookmark-items {
-        padding: 4px 2px;
+        border-top: @border-thickness solid @grey6;
+        margin-top: 1em;
+        padding: 1em .5em;
         color: @grey3;
         border-bottom: @grey3;
 
@@ -227,8 +229,10 b''
     padding: @menupadding;
     z-index: 999;
     overflow: hidden;
-    background-color: @grey6;
+    background-color: @white;
+    border: 1px solid @grey5;
     color: @grey2;
+    box-shadow: @dropdown-shadow;
 
     h4 {
         margin-bottom: 12px;
@@ -289,15 +293,16 b''
     .big_gravatar {
         float: left;
         display: block;
-        margin-top: .5em;
+        padding: .5em;
     }
 
-    .full_name,
-    .email {
-        margin: 0 0 0 65px;
+    .full_name {
+        margin: 0 0 0 70px;
+        padding-top: 1em;
     }
 
     .email {
+        margin: 0 0 0 70px;
         font-family: @text-light;
     }
 
@@ -307,8 +312,6 b''
         padding: @padding 0 0 0;
 
         li {
-            border-top: @border-thickness solid @grey5;
-
             input {
                 margin: @padding 0 0 0;
             }

rhodecode/public/css/navigation.less

@@ -281,8 +281,11 b''
 }
 
 .navigation li:last-child .submenu {
-    right: -20px;
-    left: auto;
+    right: auto;
+    left: 0;
+    border: 1px solid @grey5;
+    background: @white;
+    box-shadow: @dropdown-shadow;
 }
 
 .submenu {
@@ -290,7 +293,7 b''
     top: 100%;
     left: 0;
     min-width: 150px;
-    margin: 6px 0 0;
+    margin: 2px 0 0;
     padding: 0;
     text-align: left;
     font-family: @text-light;
@@ -303,7 +306,7 b''
         padding: 0 .5em;
         line-height: 1em;
         color: @grey3;
-        background-color: @grey6;
+        background-color: @white;
         list-style-type: none;
 
         a {
@@ -324,7 +327,7 b''
             z-index: 30;
         }
         &:hover {
-            background-color: @grey5;
+            background-color: @grey7;
             -webkit-transition: background .3s;
                -moz-transition: background .3s;
                  -o-transition: background .3s;

rhodecode/public/css/select2.less

@@ -104,10 +104,6 b' select.select2{height:28px;visibility:hi'
             color: @rcdarkblue;
         }
     }
-
-    &:hover {
-        border-color: @grey4;
-    }
 }
 
 .drop-menu-dropdown {

rhodecode/public/css/variables.less

@@ -133,6 +133,8 b''
 @button-padding: .7em;
 @button-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.07);
 
+// DROPDOWNS
+@dropdown-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07);
 
 // DEFAULT WIDTHS
 @wrapper-maxwidth: 1600px;