From: Geoff Kimball <geoff@zurb.com>
Date: Thu, 19 Nov 2015 08:21:38 +0000 (-0800)
Subject: Fix dropdown arrows being misaligned in some browsers
X-Git-Tag: v6.0.0^2~1^2~1
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=6092c3b921a6e07ea4ac865adb22af4046d2ea5d;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Fix dropdown arrows being misaligned in some browsers
---

diff --git a/docs/assets/scss/_topbar.scss b/docs/assets/scss/_topbar.scss
index 7b1b92772..29606278f 100644
--- a/docs/assets/scss/_topbar.scss
+++ b/docs/assets/scss/_topbar.scss
@@ -65,8 +65,13 @@ $topbar-hover-color: darken($topbar-background, 20%);
     border: 0;
   }
 
+  .is-down-arrow a {
+    padding-right: 2rem !important;
+  }
+
   .is-down-arrow a::after {
-    margin-top: 20px !important;
+    margin-top: 8px !important;
+    right: 12px !important;
     border-top-color: white !important;
   }
 }
diff --git a/scss/components/_dropdown-menu.scss b/scss/components/_dropdown-menu.scss
index ae4b3501a..10dd040b6 100644
--- a/scss/components/_dropdown-menu.scss
+++ b/scss/components/_dropdown-menu.scss
@@ -34,8 +34,15 @@ $dropdown-border: 1px solid $medium-gray !default;
       }
 
       @if $dropdownmenu-arrows {
+        &.is-down-arrow a {
+          padding-right: 1.5rem;
+          position: relative;
+        }
         &.is-down-arrow > a::after {
           @include css-triangle(5px, $anchor-color, down);
+          position: absolute;
+          top: 12px;
+          right: 5px;
         }
         &.is-left-arrow > a::after {
           @include css-triangle(5px, $anchor-color, left);