From a76007442b8b2cf4deab9286c15c62bdc1a561e3 Mon Sep 17 00:00:00 2001
From: Adam Bradley <adamdbradley@gmail.com>
Date: Thu, 14 Nov 2013 08:25:10 -0600
Subject: [PATCH] closes #135

---
 dist/css/ionic.css     |  4 +++-
 scss/_toggle.scss      |  7 ++++++-
 test/input-toggle.html | 34 ++++++++++++++++------------------
 3 files changed, 25 insertions(+), 20 deletions(-)

diff --git a/dist/css/ionic.css b/dist/css/ionic.css
index 203f97d6a9..2b597f97c7 100644
--- a/dist/css/ionic.css
+++ b/dist/css/ionic.css
@@ -4289,8 +4289,10 @@ input[type="checkbox"][readonly] {
   background-color: white; }
 
 /* make sure list item content have enough padding on right to fit the toggle */
-.item-toggle .item-content {
+.item-toggle {
   padding-right: 99px; }
+  .item-toggle.active, .item-toggle:active {
+    box-shadow: none; }
 
 /* position the toggle to the right within a list item */
 .item-toggle .toggle {
diff --git a/scss/_toggle.scss b/scss/_toggle.scss
index f35dcd4c70..1a3c42ad4f 100644
--- a/scss/_toggle.scss
+++ b/scss/_toggle.scss
@@ -68,8 +68,13 @@
 }
 
 /* make sure list item content have enough padding on right to fit the toggle */
-.item-toggle .item-content {
+.item-toggle {
   padding-right: ($item-padding * 3) + $toggle-width;
+
+  &.active,
+  &:active {
+    box-shadow: none;
+  }
 }
 
 /* position the toggle to the right within a list item */
diff --git a/test/input-toggle.html b/test/input-toggle.html
index 1eda98f4d6..362d323bf8 100644
--- a/test/input-toggle.html
+++ b/test/input-toggle.html
@@ -17,9 +17,7 @@
       
       <ul class="list">
         <li class="item item-toggle">
-           <div class="item-content">
-            HTML5
-           </div>
+           HTML5
            <label class="toggle">
              <input type="checkbox" checked>
              <div class="track">
@@ -28,9 +26,7 @@
            </label>
         </li>
         <li class="item item-toggle">
-           <div class="item-content">
-            CSS3
-           </div>
+           CSS3
            <label class="toggle">
              <input type="checkbox" checked>
              <div class="track">
@@ -39,9 +35,7 @@
            </label>
         </li>
         <li class="item item-toggle">
-           <div class="item-content">
-            Flashplayer
-           </div>
+           Flashplayer
            <label class="toggle">
              <input type="checkbox">
              <div class="track">
@@ -50,9 +44,7 @@
            </label>
         </li>
         <li class="item item-toggle">
-           <div class="item-content">
-            Java Applets
-           </div>
+           Java Applets
            <label class="toggle">
              <input type="checkbox">
              <div class="track">
@@ -61,9 +53,7 @@
            </label>
         </li>
         <li class="item item-toggle">
-           <div class="item-content">
-            JavaScript
-           </div>
+           JavaScript
            <label class="toggle">
              <input type="checkbox" checked>
              <div class="track">
@@ -72,9 +62,17 @@
            </label>
         </li>
         <li class="item item-toggle">
-           <div class="item-content">
-            Silverlight
-           </div>
+           Silverlight
+           <label class="toggle">
+             <input type="checkbox">
+             <div class="track">
+               <div class="handle"></div>
+             </div>
+           </label>
+        </li>
+        <li class="item item-toggle item-icon-left">
+          <i class="icon ion-star"></i>
+           Silverlight
            <label class="toggle">
              <input type="checkbox">
              <div class="track">