moving onto checkbox

1 files changed, 8 insertions, 4 deletions

diff --git a/src/client/views/search/ToggleBar.scss b/src/client/views/search/ToggleBar.scss
index 353db792d..68f0c9c2b 100644
--- a/src/client/views/search/ToggleBar.scss
+++ b/src/client/views/search/ToggleBar.scss
@@ -1,6 +1,6 @@
 @import "../globalCssVariables";
 
-.toggle-title{
+.toggle-title {
     display: flex;
     align-items: center;
     color: $light-color;
@@ -9,7 +9,7 @@
     justify-content: space-around;
     padding: 5px;
 
-    .toggle-option{
+    .toggle-option {
         width: 100px;
         text-align: center;
         -webkit-transition: all 0.2s ease-in-out;
@@ -19,7 +19,7 @@
     }
 }
 
-.toggle-bar{
+.toggle-bar {
     height: 50px;
     background-color: $alt-accent;
     border-radius: 10px;
@@ -27,10 +27,14 @@
     display: flex;
     align-items: center;
 
-    .toggle-button{
+    .toggle-button {
         width: 275px;
         height: 100%;
         border-radius: 10px;
         background-color: $light-color;
+        -webkit-transition: all 0.2s ease-in-out;
+        -moz-transition: all 0.2s ease-in-out;
+        -o-transition: all 0.2s ease-in-out;
+        transition: all 0.2s ease-in-out;
     }
 }
\ No newline at end of file