From 6d0c36a0f56f4b452840126820237061789a478d Mon Sep 17 00:00:00 2001
From: Tim Lancina <tim@drifty.com>
Date: Mon, 20 Jul 2015 10:04:51 -0500
Subject: [PATCH] radio/checkbox example

---
 ionic/components/checkbox/checkbox.scss        | 5 +++++
 ionic/components/checkbox/test/basic/main.html | 6 ++++--
 ionic/components/radio/radio.scss              | 5 +++++
 3 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/ionic/components/checkbox/checkbox.scss b/ionic/components/checkbox/checkbox.scss
index 7131649925..6dda32e3b4 100644
--- a/ionic/components/checkbox/checkbox.scss
+++ b/ionic/components/checkbox/checkbox.scss
@@ -9,6 +9,11 @@
   user-select: none;
 }
 
+.checkbox input {
+  position: relative;
+  left: -9999px;
+}
+
 .checkbox-on {
   display: none;
   pointer-events: none;
diff --git a/ionic/components/checkbox/test/basic/main.html b/ionic/components/checkbox/test/basic/main.html
index b7b035ea7a..1692e7bbe3 100644
--- a/ionic/components/checkbox/test/basic/main.html
+++ b/ionic/components/checkbox/test/basic/main.html
@@ -1,8 +1,10 @@
 <ion-content>
   <form (^submit)="doSubmit($event)" [ng-form-model]="fruitsForm">
-      <ion-checkbox icon-on="ion-android-checkmark-circle"><input #apple type="checkbox" ng-control="appleCtrl"></ion-checkbox>
+    <ion-list>
+      <ion-checkbox icon-on="ion-android-checkmark-circle"><label>Apple</label><input #apple type="checkbox" ng-control="appleCtrl"></ion-checkbox>
 
-      <ion-checkbox><label>Test</label><input #banana type="checkbox" ng-control="bananaCtrl"></ion-checkbox>
+      <ion-checkbox><label>Banana</label><input #banana type="checkbox" ng-control="bananaCtrl"></ion-checkbox>
+    <ion-list>
 
       <!-- <ion-checkbox ng-control="appleCtrl">
         Apples
diff --git a/ionic/components/radio/radio.scss b/ionic/components/radio/radio.scss
index cb05c41b80..57f303ddca 100644
--- a/ionic/components/radio/radio.scss
+++ b/ionic/components/radio/radio.scss
@@ -9,6 +9,11 @@ $radio-padding:                   0 15px !default;
   padding: $radio-padding;
 }
 
+.radio input {
+  position: relative;
+  left: -9999px;
+}
+
 .radio-on {
   display: none;
 }