1 files changed, 68 insertions, 4 deletions

diff --git a/src/client/views/SearchBox.scss b/src/client/views/SearchBox.scss
index b38e6091d..c8f139144 100644
--- a/src/client/views/SearchBox.scss
+++ b/src/client/views/SearchBox.scss
@@ -48,7 +48,6 @@
 .filter-form {
     background: $dark-color;
     height: 400px;
-    width: 400px;
     position: relative;
     right: 1px;
     color: $light-color;
@@ -71,15 +70,16 @@
     top: 300px;
     display: flex;
     flex-direction: column;
+    margin-right: 72px;
 
     .search-item {
+        position: relative;
+        z-index: 1000;
+        pointer-events: auto;
         width: 500px;
-        height: 50px;
         background: $light-color-secondary;
-        display: flex;
         justify-content: space-between;
         align-items: center;
-        transition: all 0.1s;
         border-width: 0.11px;
         border-style: none;
         border-color: $intermediate-color;
@@ -87,6 +87,19 @@
         padding: 10px;
         white-space: nowrap;
         font-size: 13px;
+        height: 70px;
+    }
+
+    .search-info {
+        display: flex;
+        justify-content: flex-end;
+        width: 100%;
+    }
+
+    .main-search-info {
+        display: flex;
+        flex-direction: row;
+        width: 100%;
     }
 
     .search-item:hover {
@@ -98,5 +111,56 @@
         text-transform: uppercase;
         text-align: left;
         width: 8vw;
+        font-weight: bold;
+    }
+
+    .more-search-info {
+        text-align: left;
+    }
+
+    .link-count {
+        height: 25px;
+        width: 25px;
+        border-radius: 50%;
+        background: $dark-color;
+        color: $light-color-secondary;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        margin-right: 10px;
+    }
+
+    .search-type {
+        width: 25PX;
+        height: 25PX;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+
+
+    .searchBox-instances {
+        display: block;
+        background: $light-color-secondary;
+        opacity: 0;
+        width: 150px;
+        transition: all 0.2s ease;
+        color: black;
+        transform: translateX(150px);
+    }
+
+
+    .search-overview {
+        display: flex;
+        // float: left;
+        justify-content: flex-end;
+        height: 70px;
+    }
+
+    .search-overview:hover {
+        .searchBox-instances {
+            transform: translateX(0px);
+            opacity: 1;
+        }
     }
 }
\ No newline at end of file