From c7c5b539d6f81ad1037a853d3f0bbfe15d98d3be Mon Sep 17 00:00:00 2001
From: Razvan Stoenescu <razvan.stoenescu@gmail.com>
Date: Sun, 29 Jan 2017 16:41:36 +0200
Subject: [PATCH] fix: Icon placement for Toggle

---
 src/vue-components/toggle/toggle.ios.styl | 4 ++--
 src/vue-components/toggle/toggle.mat.styl | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/vue-components/toggle/toggle.ios.styl b/src/vue-components/toggle/toggle.ios.styl
index ba5f0265c4e..d0af3d14d83 100644
--- a/src/vue-components/toggle/toggle.ios.styl
+++ b/src/vue-components/toggle/toggle.ios.styl
@@ -29,7 +29,7 @@ $toggle-area-active-left = ($toggle-width - $toggle-handle-size - 2 * $toggle-bo
     position absolute
     top 0
     bottom 0
-    left (.17 * $toggle-handle-size)
+    left (.23 * $toggle-handle-size)
     transition all .3s ease
 
   div
@@ -70,7 +70,7 @@ $toggle-area-active-left = ($toggle-width - $toggle-handle-size - 2 * $toggle-bo
 
   input:checked ~ i
     color $form-active-color
-    transform translateX($toggle-area-active-left)
+    transform translateX(($toggle-area-active-left - 2px))
 
   for $name, $color in $colors
     &.{$name} input:checked
diff --git a/src/vue-components/toggle/toggle.mat.styl b/src/vue-components/toggle/toggle.mat.styl
index 840c691b39c..0fbe02933a7 100644
--- a/src/vue-components/toggle/toggle.mat.styl
+++ b/src/vue-components/toggle/toggle.mat.styl
@@ -24,7 +24,7 @@ $toggle-area-active-left = ($toggle-width - $toggle-handle-size)
     position absolute
     top 0
     bottom 0
-    left (.185 * $toggle-handle-size)
+    left (.25 * $toggle-handle-size)
     transition all .3s ease
 
   div
@@ -60,7 +60,7 @@ $toggle-area-active-left = ($toggle-width - $toggle-handle-size)
 
   input:checked ~ i
     color white
-    transform translateX($toggle-area-active-left)
+    transform translateX(($toggle-area-active-left - 1.6px))
 
 
   for $name, $color in $colors