From a8adb5f3dc34ff11cde207a4d1da7fb340c8c08b Mon Sep 17 00:00:00 2001
From: Leopoldthecoder <Leopoldthecuber@gmail.com>
Date: Thu, 10 Nov 2016 22:49:57 +0800
Subject: [PATCH] Switch: fix style inside Form

---
 packages/theme-default/src/common/var.css | 3 ++-
 packages/theme-default/src/switch.css     | 5 +++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/theme-default/src/common/var.css b/packages/theme-default/src/common/var.css
index dcdf08f89..cb24a615c 100644
--- a/packages/theme-default/src/common/var.css
+++ b/packages/theme-default/src/common/var.css
@@ -379,7 +379,8 @@
 
   --switch-font-size: var(--font-size-base);
   --switch-core-border-radius: 12px;
-  --switch-size: 46px 22px;
+  --switch-width: 46px;
+  --switch-height: 22px;
   --switch-button-size: 16px;
 
   /* Dialog
diff --git a/packages/theme-default/src/switch.css b/packages/theme-default/src/switch.css
index e2630d825..662ae09f0 100644
--- a/packages/theme-default/src/switch.css
+++ b/packages/theme-default/src/switch.css
@@ -7,6 +7,7 @@
     display: inline-block;
     position: relative;
     font-size: var(--switch-font-size);
+    line-height: var(--switch-height);
     @when disabled {
       & .el-switch__core,
       & .el-switch__label {
@@ -18,7 +19,7 @@
       transition: .2s;
       position: absolute;
       z-index: 10;
-      size: var(--switch-size);
+      size: var(--switch-width) var(--switch-height);
       left: 0;
       top: 0;
       display: inline-block;
@@ -57,7 +58,7 @@
       display: inline-block;
       vertical-align: middle;
       position: relative;
-      size: var(--switch-size);
+      size: var(--switch-width) var(--switch-height);
       border: 1px solid var(--switch-off-color);
       outline: none;
       border-radius: var(--switch-core-border-radius);