Refine user menu CSS

[rails.git] / app / assets / stylesheets / common.css.scss

diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss
index 6bdec29889bdfdb8f72f338341086cb98e3af413..dc8c12b707e296b920a9b18131da445918087c26 100644 (file)
--- a/app/assets/stylesheets/common.css.scss
+++ b/app/assets/stylesheets/common.css.scss
@@ -392,11 +392,17 @@ nav.secondary {
   position: absolute;
   right: 0;
 
   position: absolute;
   right: 0;
 

-  > ul a {
+  > ul {
+    margin-right: 10px;
+  }
+
+  > ul a,
+  .dropdown-toggle {
+    display: inline-block;

     font-weight: bold;
     text-decoration: none;
     color: $darkgrey;
     font-weight: bold;
     text-decoration: none;
     color: $darkgrey;

-    padding-right: 10px;
+    padding: 5px 5px;

   }
 
   .dropdown {
   }
 
   .dropdown {


@@ -404,27 +410,26 @@ nav.secondary {
     border-radius: 4px;
   }
 
     border-radius: 4px;
   }
 

-  img {
+  .caret {
+    border-top-color: $grey;
+    margin-top: 10px;
+    margin-right: 5px;
+  }
+
+  img.user_thumbnail_tiny {
+    border: 0;

     vertical-align: top;
     vertical-align: top;

+    margin: 2px 0 0 3px;

     border-radius: 2px 0 0 2px;
     border-radius: 2px 0 0 2px;

-    margin-right: 5px;

   }
 
   #inboxanchor {
     display: inline-block;
   }
 
   #inboxanchor {
     display: inline-block;

-    position: relative;
+    vertical-align: top;

     height: 20px;
     height: 20px;

-    top: -2px;
-    margin: 0 2px 0 0;
-    padding: 0 5px 0 0;
-    border-radius: 2px;
-  }
-
-  .dropdown-toggle {
-    display: block;
-    padding: 3px 7px;
-    color: #000;
-    text-decoration: none;
+    margin: 2px 7px 0 0;
+    background-color: $grey;
+    border-radius: 0 2px 2px 0;

   }
 
   .dropdown-menu {
   }
 
   .dropdown-menu {


@@ -713,7 +718,7 @@ nav.secondary {
 }
 
 .leaflet-top.leaflet-right {
 }
 
 .leaflet-top.leaflet-right {

-  top: 10px !important;
+  top: $lineheight !important;

   .leaflet-control {
     margin-right: 0px !important;
     margin-top: 0px !important;
   .leaflet-control {
     margin-right: 0px !important;
     margin-top: 0px !important;