From 7ec0605e06f89c6f3008c7ff16c795f6535822dc Mon Sep 17 00:00:00 2001
From: Adam Bradley <adamdbradley@gmail.com>
Date: Mon, 10 Mar 2014 10:45:38 -0500
Subject: [PATCH] fix(button): Tweak vertical alignment of button icons, closes
 #739

---
 scss/_button.scss      | 8 ++++----
 test/html/buttons.html | 5 +++--
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/scss/_button.scss b/scss/_button.scss
index 195d162bc0f..8ca4c75d0ce 100644
--- a/scss/_button.scss
+++ b/scss/_button.scss
@@ -51,7 +51,7 @@
     padding: 0 0 $button-border-width 0;
     vertical-align: inherit;
     font-size: $button-icon-size;
-    line-height: $button-height - $button-border-width;
+    line-height: $button-height - $button-border-width + 1;
   }
   &.icon-left:before {
     float: left;
@@ -164,7 +164,7 @@
   border-color: transparent;
   background: none;
 
-  &.button:active, 
+  &.button:active,
   &.button.active {
     border-color: transparent;
     background: none;
@@ -206,8 +206,8 @@
 .button-block {
   display: block;
   clear: both;
-  
-  &:after { 
+
+  &:after {
     clear: both;
   }
 }
diff --git a/test/html/buttons.html b/test/html/buttons.html
index 592318940eb..c0d3b03362d 100644
--- a/test/html/buttons.html
+++ b/test/html/buttons.html
@@ -15,7 +15,7 @@
       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 */
     }
     </style>
-    <script src="../dist/js/ionic.bundle.js"></script>
+    <script src="../../dist/js/ionic.bundle.js"></script>
     <script>
       angular.module('ionicApp', ['ionic'])
     </script>
@@ -67,7 +67,8 @@ <h3>a.button default</h3>
           <a class="button button-assertive"><i class="icon ion-home"></i></a>
           <a class="button button-energized"><i class="icon ion-home"></i> .button-energized</a>
           <a class="button button-royal">.button-royal</a>
-          <a class="button button-dark"><i class="icon ion-home"></i> .button-dark</a>
+          <a class="button button-dark"><i class="icon ion-chevron-right"></i> .button-dark</a>
+          <a class="button button-energized icon-right ion-chevron-right">Login</a>
         </p>
 
         <hr>