From 45106a6acfedf8b77a0f46d9f0b1b35e4a76c548 Mon Sep 17 00:00:00 2001
From: Adam Bradley <adamdbradley@gmail.com>
Date: Fri, 2 May 2014 13:36:20 -0500
Subject: [PATCH] fix(toggle): Right side padding for item-complex, closes
 #1091

---
 scss/_toggle.scss          | 13 +++++++++----
 test/css/input-toggle.html | 37 +++++++++++++++++++++++++++++++++++++
 2 files changed, 46 insertions(+), 4 deletions(-)

diff --git a/scss/_toggle.scss b/scss/_toggle.scss
index d15d3831490..457a86e9999 100644
--- a/scss/_toggle.scss
+++ b/scss/_toggle.scss
@@ -105,13 +105,18 @@
   background-color: $toggle-handle-on-bg-color;
 }
 
-.item-toggle {
+.item-toggle.active {
+  box-shadow: none;
+}
+
+.item-toggle,
+.item-toggle.item-complex .item-content {
   // make sure list item content have enough padding on right to fit the toggle
   padding-right: ($item-padding * 3) + $toggle-width;
+}
 
-  &.active {
-    box-shadow: none;
-  }
+.item-toggle.item-complex {
+  padding-right: 0;
 }
 
 .item-toggle .toggle {
diff --git a/test/css/input-toggle.html b/test/css/input-toggle.html
index 577cfeb7df7..404f54cbdd6 100644
--- a/test/css/input-toggle.html
+++ b/test/css/input-toggle.html
@@ -159,6 +159,43 @@ <h1 class="title">Input: Toggle</h1>
              </div>
            </label>
         </li>
+
+
+        <li class="item item-toggle item-icon-left">
+           asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf
+           <label class="toggle toggle-dark">
+             <input type="checkbox" checked>
+             <div class="track">
+               <div class="handle"></div>
+             </div>
+           </label>
+        </li>
+
+        <div class="item-toggle item item-complex item-left-editable">
+          <div class="item-content">
+            .item.item-toggle.item-complex :
+           asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf
+            <label class="toggle toggle-assertive">
+              <input type="checkbox">
+              <div class="track">
+                <div class="handle"></div>
+              </div>
+            </label>
+          </div>
+          <div class="item-left-edit item-delete ng-hide">
+            <div class="ion-minus-circled button icon button-icon">
+            </div>
+          </div>
+          <div class="item-options invisible">
+            <div class="button-assertive button">
+              Edit
+            </div>
+            <div class="button-calm button" ng-click="share(item)">
+              Share
+            </div>
+          </div>
+        </div>
+
       </ul>
 
       <div class="padding">