From 12dc9cbc2314d8c59f602e22028b40e1d646c7bc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jonne=20Ha=C3=9F?= <me@jhass.eu>
Date: Tue, 2 Sep 2014 01:17:18 +0200
Subject: [PATCH] prevent user menu from moving

---
 app/assets/stylesheets/header.css.scss | 30 +++++++++++++++++++++-----
 1 file changed, 25 insertions(+), 5 deletions(-)

diff --git a/app/assets/stylesheets/header.css.scss b/app/assets/stylesheets/header.css.scss
index a6073c1fc..5ff42e3bf 100644
--- a/app/assets/stylesheets/header.css.scss
+++ b/app/assets/stylesheets/header.css.scss
@@ -17,6 +17,10 @@ body > header {
   left: 0;
   border-bottom: 1px solid #000;
 
+  > div > div.container {
+    height: 26px;
+  }
+
   .diaspora_header_logo {
     float: left;
     margin-top: -6px;
@@ -251,19 +255,35 @@ body > header {
     cursor: pointer;
     z-index: 10;
     display: inline;
+    visibility: hidden;
     top: -4px;
     float: right;
-    margin: -2px -5px 0px 0px;
+    margin: -2px -3px 0px 0px;
     padding: 0;
 
-    border-left: 1px solid #333;
-    border-right: 1px solid #333;
+    > li {
+      display: block;
+      padding-right: 5px;
+      border-left: 1px solid #333;
+      border-right: 1px solid #333;
+
+      &:first-child {
+        visibility: visible;
+      }
+
+      &:last-child {
+        border-bottom: 1px solid #333;
+      }
+    }
 
     &.active {
-      margin-top: -3px;
       @include dropdown-shadow;
       background-color: rgb(34,30,30);
-      border: 1px solid $border-dark-grey;
+      visibility: visible;
+
+      > li {
+        border-color: $border-dark-grey;
+      }
     }
   }