prettier icon

src/components/structures/SearchBox.js

@@ -74,7 +74,7 @@ module.exports = React.createClass({
                     <TintableSvg
                         key="button"
                         className="mx_SearchBox_searchButton"
-                        src="img/search.svg" width="21" height="19"
+                        src="img/right_search.svg" width="24" height="24"
                     />,
                     <input
                         key="searchfield"

src/skins/vector/css/matrix-react-sdk/structures/SearchBox.css

@@ -16,10 +16,10 @@ limitations under the License.
 
 .mx_SearchBox {
     height: 24px;
-    margin-left: 20px;
+    margin-left: 16px;
     margin-right: 20px;
     padding-top: 26px;
-    padding-bottom: 20px;
+    padding-bottom: 24px;
     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 
     display: flex;
@@ -35,8 +35,8 @@ limitations under the License.
     -webkit-flex: 1;
     font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
     font-size: 12px;
+    margin-top: -2px;
     height: 24px;
-    margin-top: -4px;
     border: 0px ! important;
     /* border-bottom: 1px solid rgba(0, 0, 0, 0.1) ! important; */
     background-color: transparent;
@@ -45,6 +45,7 @@ limitations under the License.
 
 .mx_SearchBox_minimise,
 .mx_SearchBox_maximise {
+    margin-top: 3px;
     cursor: pointer;
 }
 

src/skins/vector/img/right_search.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 3.7 (28169) - http://www.bohemiancoding.com/sketch -->
+    <title>right_search</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Room-header/Vector-Design" transform="translate(-710.000000, -25.000000)">
+            <g id="right_search" transform="translate(710.000000, 25.000000)">
+                <g id="Oval-1-Copy-7-+-Group-Copy-5-Copy-Copy-Copy-Copy-Copy-Copy-Copy-Copy-Copy-Copy" fill="#76CFA6">
+                    <circle id="Oval-1-Copy-7" cx="12" cy="12" r="12"></circle>
+                </g>
+                <text id="" font-family="FontAwesome" font-size="14" font-weight="normal" fill="#FFFFFF">
+                    <tspan x="5" y="16"></tspan>
+                </text>
+            </g>
+        </g>
+    </g>
+</svg>