Mouse actions on the queryList added, as well as better queryListElement styling

src/skins/vector/img/search-icon-vector.svg

@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg width="17px" height="19px" viewBox="0 0 17 19" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="25px" height="25px" viewBox="0 0 25 25" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: sketchtool 39.1 (31720) - http://www.bohemiancoding.com/sketch -->
-    <title>3F331F6F-C5B8-4F4E-B05C-61DD280A5298</title>
+    <title>2EFF6BB8-D2CC-44E6-85E9-D057E4AE9DF2</title>
     <desc>Created with sketchtool.</desc>
     <defs>
         <ellipse id="path-1" cx="7.68292683" cy="15.4246795" rx="1.35501355" ry="1.40224359"></ellipse>
@@ -21,8 +21,9 @@
         </mask>
     </defs>
     <g id="1:1-chat" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Chat-People-2a-Invite-modal" transform="translate(-318.000000, -400.000000)">
-            <g id="search_icon_vector" transform="translate(313.500000, 397.000000)">
+        <g id="Chat-People-2a-Invite-modal-HOVER" transform="translate(-314.000000, -391.000000)">
+            <g id="search_icon_vector" transform="translate(314.000000, 391.000000)">
+                <circle id="Oval-2-Copy" fill="#FFFFFF" cx="12.5" cy="12.5" r="12.5"></circle>
                 <g id="Mark" transform="translate(5.000000, 4.000000)">
                     <ellipse id="large-circ-copy-42" stroke="#E2E2E2" stroke-width="0.780487805" fill="#FFFFFF" cx="7.68292683" cy="8.50694444" rx="6.77506775" ry="7.01121795"></ellipse>
                     <ellipse id="Oval-1-Copy-200" stroke="#E2E2E2" stroke-width="0.780487805" fill="#FFFFFF" cx="7.68292683" cy="1.40224359" rx="1.35501355" ry="1.40224359"></ellipse>