fix(header): Header icon button css fix for Safari, closes #576

Author: Adam Bradley

Diff for: 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 for: 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>