From a7e438a848d20a7c48c6b28eac434cc2dc23affa Mon Sep 17 00:00:00 2001
From: Adam Bradley <adambradley25@gmail.com>
Date: Thu, 2 Apr 2015 22:32:10 -0500
Subject: [PATCH] button icons

---
 src/components/button/extensions/ios.scss  | 13 ++++++++++++-
 src/components/button/test/icons/main.html | 21 +++++++++++++++++++++
 2 files changed, 33 insertions(+), 1 deletion(-)

diff --git a/src/components/button/extensions/ios.scss b/src/components/button/extensions/ios.scss
index 9acad95dfa..edfe97a710 100644
--- a/src/components/button/extensions/ios.scss
+++ b/src/components/button/extensions/ios.scss
@@ -68,15 +68,22 @@ $button-ios-small-icon-size:          16px !default;
 .button-ios {
   padding: $button-ios-padding;
   min-height: $button-ios-height;
-  font-size: $button-ios-font-size;
   border-radius: $button-ios-border-radius;
+  font-size: $button-ios-font-size;
 
+  &.button-icon {
+    font-size: $button-ios-font-size + 1.5;
+  }
 
   &.button-large {
     padding: 0 $button-ios-large-padding;
     min-width: ($button-ios-large-padding * 4);
     min-height: $button-ios-large-height + 5;
     font-size: $button-ios-large-font-size;
+
+    &.button-icon {
+      font-size: $button-ios-large-font-size + 1.7;
+    }
   }
 
 
@@ -85,6 +92,10 @@ $button-ios-small-icon-size:          16px !default;
     min-width: ($button-ios-small-padding * 4);
     min-height: $button-ios-small-height + 2;
     font-size: $button-ios-small-font-size;
+
+    &.button-icon {
+      font-size: $button-ios-small-font-size + 1.2;
+    }
   }
 
 }
diff --git a/src/components/button/test/icons/main.html b/src/components/button/test/icons/main.html
index 1895928fbe..c1d4ebae35 100644
--- a/src/components/button/test/icons/main.html
+++ b/src/components/button/test/icons/main.html
@@ -19,6 +19,13 @@
     </a>
   </p>
 
+  <p>
+    <button class="button button-positive ion-ionic button-icon">
+    </button>
+    <a class="button button-positive ion-ionic button-icon">
+    </a>
+  </p>
+
   <p>
     <button class="button button-positive button-large ion-home icon-left">
       Left, Large
@@ -37,6 +44,13 @@
     </a>
   </p>
 
+  <p>
+    <button class="button button-positive ion-ionic button-icon button-large">
+    </button>
+    <a class="button button-positive ion-ionic button-icon button-large">
+    </a>
+  </p>
+
   <p>
     <button class="button button-positive button-small ion-home icon-left">
       Left Icon, Small
@@ -55,4 +69,11 @@
     </a>
   </p>
 
+  <p>
+    <button class="button button-positive ion-ionic button-icon button-small">
+    </button>
+    <a class="button button-positive ion-ionic button-icon button-small">
+    </a>
+  </p>
+
 </div>