From a2b7bd88d1bf4d3365fe6a11e74fd871af99c853 Mon Sep 17 00:00:00 2001
From: Brian Miyaji <brian@themeboy.com>
Date: Fri, 8 Apr 2016 15:27:10 +1000
Subject: [PATCH] Make toggle switches smaller

---
 assets/css/admin.css | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/assets/css/admin.css b/assets/css/admin.css
index 0a92a1dd..a1bef21c 100644
--- a/assets/css/admin.css
+++ b/assets/css/admin.css
@@ -593,12 +593,12 @@ table.widefat.sp-sortable-table tbody tr .icon {
 }
 
 .sp-toggle-switch + label {
-	width: 40px;
-	height: 20px;
-	border-radius: 20px;
+	width: 32px;
+	height: 16px;
+	border-radius: 16px;
 	position: absolute;
-	right: 10px;
-	top: 11px;
+	right: 12px;
+	top: 13px;
 }
 
 .sp-toggle-switch + label:before,
@@ -614,16 +614,16 @@ table.widefat.sp-sortable-table tbody tr .icon {
 .sp-toggle-switch + label:before {
     right: 1px;
     background-color: #e4e4e4;
-    border-radius: 20px;
+    border-radius: 16px;
     transition: background 0.4s;
 }
 
 .sp-toggle-switch + label:after {
-    width: 20px;
+    width: 16px;
     background-color: #fff;
     border-radius: 100%;
-    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
-    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
+    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
     transition: margin 0.4s;
 }
 
@@ -632,7 +632,7 @@ table.widefat.sp-sortable-table tbody tr .icon {
 }
 
 .sp-toggle-switch:checked + label:after {
-  margin-left: 20px;
+  margin-left: 16px;
 }
 
 .sp-toggle-switch:checked + label:hover:before {