From 20da826f7bed4d3b6d9c7162af4f4fd6fb0f9048 Mon Sep 17 00:00:00 2001
From: madelinegr <monika_hedman@brown.edu>
Date: Fri, 7 Jun 2019 17:19:23 -0400
Subject: end of day 6/7

---
 src/client/views/SearchBox.scss | 26 ++++++++++++++++++++++----
 1 file changed, 22 insertions(+), 4 deletions(-)

(limited to 'src/client/views/SearchBox.scss')

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;
-- 
cgit v1.2.3-70-g09d2