From 8fe12f48b59e424d23741d7a7d152edeea35c503 Mon Sep 17 00:00:00 2001
From: rainydaysavings <eliseuamaro@pm.me>
Date: Fri, 14 Aug 2020 02:39:54 +0100
Subject: [PATCH] [UI] Right panel checkbox size fix

---
 public/assets/css/base.css       | 8 +++-----
 public/assets/css/base_mid.css   | 8 +++-----
 public/assets/css/base_small.css | 8 +++-----
 templates/base.html.twig         | 2 +-
 4 files changed, 10 insertions(+), 16 deletions(-)

diff --git a/public/assets/css/base.css b/public/assets/css/base.css
index c71719fd5e..bd45f0c42b 100644
--- a/public/assets/css/base.css
+++ b/public/assets/css/base.css
@@ -166,11 +166,9 @@ b {
       z-index: 0;
 }
 
-.right-panel input[type=checkbox] {
-      transform: scale(3);
-      -ms-transform: scale(3);
-      -webkit-transform: scale(3);
-      padding: 3em;
+input.larger {
+      width: var(--main-size);
+      height: calc( 2 * var(--main-size));
 }
 
 /* untoggled */
diff --git a/public/assets/css/base_mid.css b/public/assets/css/base_mid.css
index 698470bfee..2bfea0c33d 100644
--- a/public/assets/css/base_mid.css
+++ b/public/assets/css/base_mid.css
@@ -197,11 +197,9 @@ b {
       margin-top: calc(3 * var(--main-size));
 }
 
-.right-panel input[type=checkbox] {
-      transform: scale(3);
-      -ms-transform: scale(3);
-      -webkit-transform: scale(3);
-      padding: 3em;
+input.larger {
+      width: var(--main-size);
+      height: calc( 2 * var(--main-size));
 }
 
 /* untoggled */
diff --git a/public/assets/css/base_small.css b/public/assets/css/base_small.css
index 8984e57255..67a0bef85e 100644
--- a/public/assets/css/base_small.css
+++ b/public/assets/css/base_small.css
@@ -197,11 +197,9 @@ b {
       margin-top: calc(3 * var(--main-size));
 }
 
-.right-panel input[type=checkbox] {
-      transform: scale(3);
-      -ms-transform: scale(3);
-      -webkit-transform: scale(3);
-      padding: 3em;
+input.larger {
+      width: var(--main-size);
+      height: calc( 2 * var(--main-size));
 }
 
 /* untoggled */
diff --git a/templates/base.html.twig b/templates/base.html.twig
index aba581a4e0..133252f2f4 100644
--- a/templates/base.html.twig
+++ b/templates/base.html.twig
@@ -64,7 +64,7 @@
                                     </a>
                               </nav>
                               <div id="right-panel">
-                                    <input type="checkbox" id="toggle-right" autofocus>
+                                    <input type="checkbox" id="toggle-right" class="larger">
                                     <div class="arrow right">
                                           <label for="toggle-right" id='right-panel'></label>
                                     </div>