From 801d2d7b77d75c0288d7a039b2dfc0f5dbc99955 Mon Sep 17 00:00:00 2001
From: Adam Bradley <adamdbradley@gmail.com>
Date: Tue, 11 Feb 2014 12:34:28 -0600
Subject: [PATCH] fix(header): Header icon button css fix for Safari, closes
 #576

---
 scss/_bar.scss    | 3 ++-
 test/headers.html | 5 +++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/scss/_bar.scss b/scss/_bar.scss
index ae0f68700b8..1ecb802b022 100644
--- a/scss/_bar.scss
+++ b/scss/_bar.scss
@@ -136,6 +136,7 @@
     font-weight: 400;
     line-height: $button-bar-button-height;
 
+    &.button-icon:before,
     .icon:before,
     &.icon:before,
     &.icon-left:before,
@@ -149,9 +150,9 @@
     &.button-icon {
       .icon:before,
       &:before,
-      &.icon:before,
       &.icon-left:before,
       &.icon-right:before {
+        vertical-align: top;
         font-size: $button-large-icon-size;
         line-height: $button-bar-button-height;
       }
diff --git a/test/headers.html b/test/headers.html
index cd4202eb64b..253c294d807 100644
--- a/test/headers.html
+++ b/test/headers.html
@@ -219,6 +219,11 @@ <h1 class="title">Really really really really really really really really long t
         </a>
       </header>
 
+      <header class="bar bar-header bar-stable">
+        <button class="button button-clear button-icon ion-ios7-arrow-back"> Back</button>
+        <h1 class="title">Title here</h1>
+      </header>
+
     </content>
 
   </body>