From 6edfa82ae66878e8a86e1c0a4e48f15d6305923c Mon Sep 17 00:00:00 2001
From: Adam Bradley <adambradley25@gmail.com>
Date: Sun, 17 Nov 2013 21:20:53 -0600
Subject: [PATCH] update vert alignment of button icon, closes #155

---
 dist/css/ionic.css |  4 +++-
 scss/_bar.scss     |  4 +++-
 test/headers.html  | 16 +++++++++++++++-
 3 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/dist/css/ionic.css b/dist/css/ionic.css
index 5d408b95bc..34aa5f8417 100644
--- a/dist/css/ionic.css
+++ b/dist/css/ionic.css
@@ -2754,8 +2754,10 @@ a.subdued‎ {
     font-size: 12px;
     line-height: 30px; }
     .bar .button .icon {
+      padding-left: 2px;
+      padding-right: 2px;
       font-size: 24px;
-      line-height: 29px; }
+      line-height: 30px; }
   .bar .button-bar > .button, .bar .buttons > .button {
     min-height: 31px;
     height: 32px;
diff --git a/scss/_bar.scss b/scss/_bar.scss
index e9b4330813..e2bbbcad86 100644
--- a/scss/_bar.scss
+++ b/scss/_bar.scss
@@ -121,8 +121,10 @@
     line-height: $button-bar-button-height - $button-border-width - 1;
 
     .icon {
+      padding-left: 2px;
+      padding-right: 2px;
       font-size: $button-bar-button-icon-size;
-      line-height: $button-bar-button-height - $button-border-width - 2;
+      line-height: $button-bar-button-height - $button-border-width - 1;
     }
   }
 
diff --git a/test/headers.html b/test/headers.html
index c45b36b404..6b66d4dff0 100644
--- a/test/headers.html
+++ b/test/headers.html
@@ -180,7 +180,7 @@
 
       <header class="bar bar-light">
         <a class="button">
-          <i class="icon ion-home"></i>
+          <i class="icon ion-arrow-left-c"></i>
         </a>
         <div class="button-bar">
           <a class="button">Success</a>
@@ -192,6 +192,20 @@
         </a>
       </header>
 
+      <header class="bar bar-assertive">
+        <a class="button button-icon">
+          <i class="icon ion-arrow-left-c"></i>
+        </a>
+        <div class="button-bar">
+          <a class="button">Success</a>
+          <a class="button">Warning</a>
+          <a class="button">Danger</a>
+        </div>
+        <a class="button button-clear">
+          title
+        </a>
+      </header>
+
     </section>
 
   </body>