Tweaked search icon

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>

src/components/DropdownMenu/DropdownMenu.scss

@@ -7,7 +7,7 @@
   cursor: pointer;
 
   min-height: 43px;
-  padding: 0 0.5rem;
+  margin: 0 5px;
   color: $actionColor;
 }
 

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

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;