end of day 6/7

1 files changed, 22 insertions, 4 deletions

diff --git a/src/client/views/SearchBox.scss b/src/client/views/SearchBox.scss
index 02b8f6a96..8ec440fca 100644
--- a/src/client/views/SearchBox.scss
+++ b/src/client/views/SearchBox.scss
@@ -42,10 +42,14 @@
     position: relative;
     right: 1px;
     color: $light-color;
-    padding: 10px;
     flex-direction: column;
 }
 
+#filter{
+    padding: 25px;
+    width: 600px;
+}
+
 #header {
     text-transform: uppercase;
     letter-spacing: 2px;
@@ -73,8 +77,23 @@
         align-items: center;
         height: 40px;
         width: 100%;
+        flex-wrap: wrap;
+        font-size: 2em;
+    }
+
+    .type-icon{
+        margin-right: 5px;
+        margin-left: 5px;
+        height: 40px;
+        width: 40px;
+        color: $light-color;
+        border-radius: 50%;
+    }
 
+    .type-icon:hover{
+        background-color: $alt-accent;
     }
+    
 }
 
 .toggle-title{
@@ -83,7 +102,7 @@
     color: $light-color;
     text-transform: uppercase;
     flex-direction: row;
-    justify-content: space-between;
+    justify-content: space-around;
     padding: 5px;
 
     .toggle-option{
@@ -93,7 +112,6 @@
 }
 
 .toggle-bar{
-    width: 100%;
     height: 50px;
     background-color: $alt-accent;
     border-radius: 10px;
@@ -102,7 +120,7 @@
     align-items: center;
 
     .toggle-button{
-        width: 80px;
+        width: 275px;
         height: 100%;
         border-radius: 10px;
         background-color: $light-color;