From cd309b1c3f929fbd654779f186ec84bacb2033d1 Mon Sep 17 00:00:00 2001
From: Violet Rose <VioletRose@users.noreply.github.com>
Date: Sun, 6 Sep 2020 17:16:25 -0700
Subject: [PATCH] Enabled input tab navigation without changing visual
 appearance.

---
 .../ft-toggle-switch/ft-toggle-switch.sass         | 14 ++++++++++++--
 .../ft-toggle-switch/ft-toggle-switch.vue          |  2 +-
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/renderer/components/ft-toggle-switch/ft-toggle-switch.sass b/src/renderer/components/ft-toggle-switch/ft-toggle-switch.sass
index e1d60f84..2b730a15 100644
--- a/src/renderer/components/ft-toggle-switch/ft-toggle-switch.sass
+++ b/src/renderer/components/ft-toggle-switch/ft-toggle-switch.sass
@@ -1,10 +1,20 @@
 /* Thanks to Guus Lieben for the Material Design Switch */
 
+.switch-ctn
+  position: relative
+
 .switch-input
-  display: none
+  appearance: none
+  height: 20px
+  left: -3px
+  position: absolute
+  top: calc(50% - 3px)
+  -ms-transform: translate(0, (-50%))
+  -webkit-transform: translate(0, -50%)
+  transform: translate(0, -50%)
+  width: 34px
 
 .switch-label
-  position: relative
   display: inline-block
   min-width: 112px
   cursor: pointer
diff --git a/src/renderer/components/ft-toggle-switch/ft-toggle-switch.vue b/src/renderer/components/ft-toggle-switch/ft-toggle-switch.vue
index 6672eed5..d1eac82c 100644
--- a/src/renderer/components/ft-toggle-switch/ft-toggle-switch.vue
+++ b/src/renderer/components/ft-toggle-switch/ft-toggle-switch.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="switch-ctn">
     <input
       :id="id"
       v-model="currentValue"