Show icons (person, group) in autocomplete popup

program/js/app.js

@@ -4583,7 +4583,7 @@ function rcube_webmail()
         id = i + this.env.contacts.length;
         $('<li>').attr('id', 'rcmkSearchItem' + id)
           .attr('role', 'option')
-          .html(this.quote_html(text.replace(new RegExp('('+RegExp.escape(value)+')', 'ig'), '##$1%%')).replace(/##([^%]+)%%/g, '<b>$1</b>'))
+          .html('<i class="icon"></i>' + this.quote_html(text.replace(new RegExp('('+RegExp.escape(value)+')', 'ig'), '##$1%%')).replace(/##([^%]+)%%/g, '<b>$1</b>'))
           .addClass(type || '')
           .appendTo(ul)
           .mouseover(function() { ref.ksearch_select(this); })

skins/larry/styles.css

@@ -2381,7 +2381,8 @@ ul.toolbarmenu li a.icon {
 	padding: 2px 6px;
 }
 
-ul.toolbarmenu li span.icon {
+ul.toolbarmenu li span.icon,
+#rcmKSearchpane ul li i.icon {
 	display: block;
 	min-height: 14px;
 	padding: 4px 4px 1px 24px;
@@ -2478,9 +2479,25 @@ ul.toolbarmenu li span.copy {
 	text-shadow: 0px 1px 1px #333;
 	text-decoration: none;
 	min-height: 14px;
-	padding: 6px 10px 6px 10px;
+	padding: 6px 10px 6px 28px;
 	border: 0;
 	cursor: default;
+	position: relative;
+}
+
+#rcmKSearchpane ul li i.icon {
+	opacity: 0.99;
+	position: absolute;
+	top: 3px;
+	left: 5px;
+	width: 18px;
+	height: 18px;
+	padding: 0;
+	background-position: -1px -2223px;
+}
+
+#rcmKSearchpane ul li.group i.icon {
+	background-position: -1px -2247px;
 }
 
 .popupdialog {