From 2318af981e229dcc6e5e653abfab61bdbea88c0d Mon Sep 17 00:00:00 2001
From: Adam Bradley <adambradley25@gmail.com>
Date: Tue, 28 Jul 2015 08:23:47 -0500
Subject: [PATCH] iOS checkboxes

---
 ionic/components/checkbox/extensions/ios.scss | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/ionic/components/checkbox/extensions/ios.scss b/ionic/components/checkbox/extensions/ios.scss
index 0ac8342807..7f7166f04c 100644
--- a/ionic/components/checkbox/extensions/ios.scss
+++ b/ionic/components/checkbox/extensions/ios.scss
@@ -2,7 +2,7 @@
 // iOS Checkbox
 // --------------------------------------------------
 
-$checkbox-ios-icon-size:              24px !default;
+$checkbox-ios-icon-size:              21px !default;
 $checkbox-ios-background-color:       get-color(primary, base) !default;
 $checkbox-ios-foreground-color:       get-color(primary, inverse) !default;
 
@@ -13,21 +13,22 @@ $checkbox-ios-foreground-color:       get-color(primary, inverse) !default;
     position: relative;
     width: $checkbox-ios-icon-size;
     height: $checkbox-ios-icon-size;
-    border-radius: $checkbox-ios-icon-size / 2;
+    border-radius: 50%;
     background-color: $checkbox-ios-foreground-color;
-    border: 1px solid $checkbox-ios-background-color;
+    border: 1px solid #c4c4c4;
   }
 
   &[aria-checked=true] .checkbox-icon {
     background-color: $checkbox-ios-background-color;
+    border-color: $checkbox-ios-background-color;
 
     &::after {
       position: absolute;
       border: 1px solid $checkbox-ios-foreground-color;
       top: 3px;
-      left: 8px;
-      width: 5px;
-      height: 12px;
+      left: 7px;
+      width: 4px;
+      height: 9px;
       border-left: none;
       border-top: none;
       content: '';
@@ -35,8 +36,8 @@ $checkbox-ios-foreground-color:       get-color(primary, inverse) !default;
     }
   }
 
-}
+  .input-label {
+    color: inherit;
+  }
 
-.hairlines .checkbox[mode="ios"] .checkbox-icon {
-  border-width: 0.5px;
 }