diff --git a/src/components/structures/SearchBox.js b/src/components/structures/SearchBox.js index 553feffe0c..8c98859e1d 100644 --- a/src/components/structures/SearchBox.js +++ b/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" diff --git a/src/skins/vector/css/matrix-react-sdk/structures/SearchBox.css b/src/skins/vector/css/matrix-react-sdk/structures/SearchBox.css index d94efd9826..8b9e98964f 100644 --- a/src/skins/vector/css/matrix-react-sdk/structures/SearchBox.css +++ b/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; } diff --git a/src/skins/vector/img/right_search.svg b/src/skins/vector/img/right_search.svg new file mode 100644 index 0000000000..b1681734f9 --- /dev/null +++ b/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> \ No newline at end of file