From 1c85d898b72484527cfb79b599959e986947e142 Mon Sep 17 00:00:00 2001
From: Jonathan Rainville <rainville.jonathan@gmail.com>
Date: Wed, 17 Oct 2018 10:19:02 -0400
Subject: [PATCH] fix search box css in dark theme

---
 embark-ui/src/components/search.css              | 6 ++++--
 embark-ui/src/dark-theme/bootstrap/_buttons.scss | 5 +++++
 embark-ui/src/dark-theme/bootstrap/_reboot.scss  | 2 +-
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/embark-ui/src/components/search.css b/embark-ui/src/components/search.css
index 70d216f9..6d1acf13 100644
--- a/embark-ui/src/components/search.css
+++ b/embark-ui/src/components/search.css
@@ -1,11 +1,13 @@
-.search-bar input {
+#root .search-bar input {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   border: 0;
   outline: none;
+  box-shadow: none;
 }
 
-.search-bar button {
+#root .search-bar button {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
+  box-shadow: none;
 }
diff --git a/embark-ui/src/dark-theme/bootstrap/_buttons.scss b/embark-ui/src/dark-theme/bootstrap/_buttons.scss
index 0a8eaa9b..39c939fc 100644
--- a/embark-ui/src/dark-theme/bootstrap/_buttons.scss
+++ b/embark-ui/src/dark-theme/bootstrap/_buttons.scss
@@ -141,3 +141,8 @@ input[type="button"] {
     width: 100%;
   }
 }
+
+.search-bar button {
+  background-color: $gray-500;
+  border-color: $gray-500;
+}
diff --git a/embark-ui/src/dark-theme/bootstrap/_reboot.scss b/embark-ui/src/dark-theme/bootstrap/_reboot.scss
index a531746e..92c811ce 100644
--- a/embark-ui/src/dark-theme/bootstrap/_reboot.scss
+++ b/embark-ui/src/dark-theme/bootstrap/_reboot.scss
@@ -65,7 +65,7 @@ article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
   background-color: $body-bg; // 2
 }
 
-span.fa {
+.dropdown-item span.fa {
   display: inline-block;
   width: 20px;
   margin-right: 10px;