Use sort/filter icon for sort-dropdown menu in top bar

T-91

h/static/images/icons/filter.svg

 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+<svg
+   xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16px"
+   height="16px"
+   viewBox="0 0 16 16"
+   version="1.1"
+   id="svg4212"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="filter.svg">
+  <metadata
+     id="metadata4230">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1535"
+     inkscape:window-height="876"
+     id="namedview4228"
+     showgrid="false"
+     inkscape:zoom="46.1875"
+     inkscape:cx="8"
+     inkscape:cy="8"
+     inkscape:window-x="65"
+     inkscape:window-y="24"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Artboard-1-Copy-3" />
   <!-- Generator: Sketch 3.3.3 (12072) - http://www.bohemiancoding.com/sketch -->
-    <title>Artboard 1 Copy 3</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
-        <g id="Artboard-1-Copy-3" sketch:type="MSArtboardGroup">
-            <rect id="Rectangle-2" fill="#000000" sketch:type="MSShapeGroup" x="0" y="3" width="4" height="2"></rect>
-            <circle id="Oval-3" stroke="#000000" stroke-width="2" sketch:type="MSShapeGroup" cx="6" cy="4" r="4"></circle>
-            <rect id="Rectangle-2-Copy" fill="#000000" sketch:type="MSShapeGroup" x="12" y="11" width="4" height="2"></rect>
-            <circle id="Oval-3-Copy" stroke="#000000" stroke-width="2" sketch:type="MSShapeGroup" cx="10" cy="12" r="4"></circle>
-            <rect id="Rectangle-2-Copy-2" fill="#000000" sketch:type="MSShapeGroup" x="9" y="3" width="7" height="2"></rect>
-            <rect id="Rectangle-2-Copy-3" fill="#000000" sketch:type="MSShapeGroup" x="0" y="11" width="7" height="2"></rect>
+  <title
+     id="title4214">Artboard 1 Copy 3</title>
+  <desc
+     id="desc4216">Created with Sketch.</desc>
+  <defs
+     id="defs4218" />
+  <g
+     id="Page-1"
+     stroke="none"
+     stroke-width="1"
+     fill="none"
+     fill-rule="evenodd"
+     sketch:type="MSPage">
+    <g
+       id="Artboard-1-Copy-3"
+       sketch:type="MSArtboardGroup">
+      <rect
+         id="Rectangle-2"
+         fill="#000000"
+         sketch:type="MSShapeGroup"
+         x="0"
+         y="3"
+         width="4"
+         height="2" />
+      <path
+         style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;white-space:normal;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+         d="M 6,-1 C 3.2504209,-1 1,1.2504209 1,4 1,6.7495791 3.2504209,9 6,9 8.7495791,9 11,6.7495791 11,4 11,1.2504209 8.7495791,-1 6,-1 Z M 6,1 C 7.6686989,1 9,2.3313011 9,4 9,5.6686989 7.6686989,7 6,7 4.3313011,7 3,5.6686989 3,4 3,2.3313011 4.3313011,1 6,1 Z"
+         id="Oval-3"
+         inkscape:connector-curvature="0" />
+      <rect
+         id="Rectangle-2-Copy"
+         fill="#000000"
+         sketch:type="MSShapeGroup"
+         x="12"
+         y="11"
+         width="4"
+         height="2" />
+      <path
+         style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;white-space:normal;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+         d="m 10,7 c -2.7495791,0 -5,2.2504209 -5,5 0,2.749579 2.2504209,5 5,5 2.749579,0 5,-2.250421 5,-5 0,-2.7495791 -2.250421,-5 -5,-5 z m 0,2 c 1.668699,0 3,1.331301 3,3 0,1.668699 -1.331301,3 -3,3 C 8.3313011,15 7,13.668699 7,12 7,10.331301 8.3313011,9 10,9 Z"
+         id="Oval-3-Copy"
+         inkscape:connector-curvature="0" />
+      <rect
+         id="Rectangle-2-Copy-2"
+         fill="#000000"
+         sketch:type="MSShapeGroup"
+         x="9"
+         y="3"
+         width="7"
+         height="2" />
+      <rect
+         id="Rectangle-2-Copy-3"
+         fill="#000000"
+         sketch:type="MSShapeGroup"
+         x="0"
+         y="11"
+         width="7"
+         height="2" />
     </g>
   </g>
 </svg>

h/static/styles/vendor/fonts/selection.json

@@ -31,7 +31,9 @@
 			"icon": {
 				"paths": [
 					"M0 192h256v128h-256v-128z",
+					"M384-64c-175.973 0-320 144.027-320 320s144.027 320 320 320c175.973 0 320-144.027 320-320s-144.027-320-320-320zM384 64c106.797 0 192 85.203 192 192s-85.203 192-192 192c-106.797 0-192-85.203-192-192s85.203-192 192-192z",
 					"M768 704h256v128h-256v-128z",
+					"M640 448c-175.973 0-320 144.027-320 320s144.027 320 320 320c175.973 0 320-144.027 320-320s-144.027-320-320-320zM640 576c106.797 0 192 85.203 192 192s-85.203 192-192 192c-106.797 0-192-85.203-192-192s85.203-192 192-192z",
 					"M576 192h448v128h-448v-128z",
 					"M0 704h448v128h-448v-128z"
 				],
@@ -45,7 +47,7 @@
 			},
 			"attrs": [],
 			"properties": {
-				"order": 51,
+				"order": 55,
 				"id": 1308,
 				"name": "sort",
 				"prevSize": 24,

h/templates/client/sort_dropdown.html

@@ -12,7 +12,7 @@
     ng-if="showAsIcon"
     dropdown-toggle
     title="Sort by {{sortBy}}">
-    <i class="h-icon-search"></i>
+    <i class="h-icon-sort"></i>
   </button>
   <ul class="dropdown-menu pull-right" role="menu">
     <li ng-repeat="sortOption in sortOptions"