From 50ea3439ea64fd68453d57cbb14336308135226d Mon Sep 17 00:00:00 2001
From: Jori Lallo <jtlallo@gmail.com>
Date: Sun, 17 Jul 2016 20:16:56 -0700
Subject: [PATCH] Tweaked search icon

---
 src/assets/icons/search.svg                   |  1 +
 src/components/DropdownMenu/DropdownMenu.scss |  2 +-
 src/components/Layout/Layout.js               |  6 +++++-
 src/components/Layout/Layout.scss             | 10 ++++++++++
 4 files changed, 17 insertions(+), 2 deletions(-)
 create mode 100644 src/assets/icons/search.svg

diff --git a/src/assets/icons/search.svg b/src/assets/icons/search.svg
new file mode 100644
index 000000000..f974b540a
--- /dev/null
+++ b/src/assets/icons/search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 40 50" enable-background="new 0 0 40 40" xml:space="preserve"><g><path fill="#000000" d="M35.9,39.3l-12-12c-0.9-0.9-0.9-2.5,0-3.4l0,0c0.9-0.9,2.5-0.9,3.4,0l12,12c0.9,0.9,0.9,2.5,0,3.4l0,0   C38.3,40.2,36.8,40.2,35.9,39.3z"/><path fill="#000000" d="M4.7,4.7c-6.2,6.2-6.2,16.3,0,22.5s16.3,6.2,22.5,0s6.2-16.3,0-22.5S10.9-1.6,4.7,4.7z M23.8,24   c-4.3,4.3-11.4,4.3-15.7,0s-4.3-11.4,0-15.7s11.4-4.3,15.7,0S28.1,19.6,23.8,24z"/></g></svg>
\ No newline at end of file
diff --git a/src/components/DropdownMenu/DropdownMenu.scss b/src/components/DropdownMenu/DropdownMenu.scss
index b1b5f5a1e..14a833734 100644
--- a/src/components/DropdownMenu/DropdownMenu.scss
+++ b/src/components/DropdownMenu/DropdownMenu.scss
@@ -7,7 +7,7 @@
   cursor: pointer;
 
   min-height: 43px;
-  padding: 0 0.5rem;
+  margin: 0 5px;
   color: $actionColor;
 }
 
diff --git a/src/components/Layout/Layout.js b/src/components/Layout/Layout.js
index c4793295f..f7d5581d8 100644
--- a/src/components/Layout/Layout.js
+++ b/src/components/Layout/Layout.js
@@ -50,7 +50,11 @@ class Layout extends React.Component {
             <Flex align="center" className={ styles.actions }>
               { this.props.actions }
             </Flex>
-
+            <Flex>
+              <div className={ styles.search }>
+                <img src={ require('assets/icons/search.svg') } />
+              </div>
+            </Flex>
             <DropdownMenu label={
               <Avatar
                 circle
diff --git a/src/components/Layout/Layout.scss b/src/components/Layout/Layout.scss
index b3a16adb0..0cb270d58 100644
--- a/src/components/Layout/Layout.scss
+++ b/src/components/Layout/Layout.scss
@@ -59,6 +59,16 @@
 .headerRight {
 }
 
+.search {
+  margin: 0 5px;
+  padding: 15px 5px 0 5px;
+  cursor: pointer;
+
+  img {
+    height: 20px;
+  }
+}
+
 .content {
   display: flex;
   flex: 1;