Fixed search icon overalapping input in header

Fixes #859

diff --git a/resources/assets/sass/_header.scss b/resources/assets/sass/_header.scss
index 3dce271b8f75e2e545f8a1db03157359846a6677..2f87b8601ea9dabb8914076e898ff5ce8142ad10 100644 (file)
--- a/resources/assets/sass/_header.scss
+++ b/resources/assets/sass/_header.scss
@@ -90,10 +90,14 @@ header .search-box {
     background-color: rgba(0, 0, 0, 0.2);
     border: 1px solid rgba(255, 255, 255, 0.3);
     color: #EEE;
+    z-index: 2;
   }
   button {
-    color: #EEE;
     fill: #EEE;
+    z-index: 1;
+    svg {
+      margin-right: 0;
+    }
   }
   ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
     color: #DDD;