fix: Menu jumps vertically on logout (#3194)

mozilla · Sep 29, 2017 · 3f3e0d2 · 3f3e0d2
1 parent 2b60cf4
commit 3f3e0d2
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/src/amo/components/Header/styles.scss b/src/amo/components/Header/styles.scss
@@ -113,7 +113,7 @@
 
 .Header-button {
   margin-bottom: 12px;
-  vertical-align: middle;
+  vertical-align: top;
 }
 
 .Header-developer-hub-link {
@@ -128,6 +128,7 @@
       display: inline-block;
       font-size: $font-size-s;
       font-weight: normal;
+      padding-top: 4px;
       text-decoration: none;
     }
   }

diff --git a/src/ui/components/DropdownMenu/styles.scss b/src/ui/components/DropdownMenu/styles.scss
@@ -6,8 +6,9 @@
   @include text-align-start();
 
   display: inline-block;
-  padding-bottom: 6px;
-  padding-top: 8px;
+  height: 27px;
+  padding-bottom: 2px;
+  padding-top: 4px;
   position: relative;
 
   // This is needed because `:hover` on mobile prevents the main button to
@@ -25,6 +26,11 @@
       }
     }
   }
+
+  @include respond-to(medium) {
+    height: auto;
+    padding-bottom: 6px;
+  }
 }
 
 .DropdownMenu-button {