From 58640f6dfb3d0cd4e3a76f6813b257164345c3dc Mon Sep 17 00:00:00 2001
From: Sunil Mohan Adapa <sunil@medhas.org>
Date: Mon, 17 Feb 2020 21:20:55 -0800
Subject: [PATCH] app: Update style for toggle button

Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
---
 static/themes/default/css/plinth.css | 23 +++++++++++------------
 1 file changed, 11 insertions(+), 12 deletions(-)

diff --git a/static/themes/default/css/plinth.css b/static/themes/default/css/plinth.css
index 4062f916d..5a5c926c4 100644
--- a/static/themes/default/css/plinth.css
+++ b/static/themes/default/css/plinth.css
@@ -493,11 +493,13 @@ a.menu_link_active {
     justify-content: flex-end;
 }
 
+/*
+ * Toggle button
+ */
 .toggle-button {
-    border-radius: 25px;
-    border: none;
-    width: 55px;
-    height: 25px;
+    border-radius: 13px;
+    width: 50px;
+    height: 26px;
     background: #ccc;
     position: relative;
 }
@@ -505,26 +507,23 @@ a.menu_link_active {
 .toggle-button::before {
     content: '';
     display: block;
-    height: 18px;
-    width: 18px;
+    height: 24px;
+    width: 24px;
     border-radius: 100%;
     background: #fff;
     position: absolute;
     top: 50%;
-    left: 6%;
+    left: 0%;
     transform: translateY(-50%);
 }
 
 .toggle-button--toggled {
-    background: #337ab7;
+    background: #4989D4;
 }
 
 .toggle-button--toggled::before {
-    content: '';
-    position: absolute;
-    top: 50%;
     left: 100%;
-    transform: translateY(-50%) translateX(-116%)
+    transform: translateY(-50%) translateX(-100%)
 }
 
 .header-bar {