Add icons for selectable listings, other fixes

skins/elastic/styles/icons.less

@@ -165,6 +165,13 @@ a.rcmaddcontact:before,
     content: @fa-var-lock;
 }
 
+.listing.iconized.selectable li a:before {
+    content: "";
+}
+.listing.iconized.selectable li a.selected:before {
+    content: @fa-var-check;
+}
+
 .folderlist li a:before {
     content: @fa-var-folder-o;
 }

skins/elastic/templates/compose.html

@@ -12,7 +12,7 @@
 			label="contactsearchform" buttontitle="findcontacts" options="search-menu" ariatag="h2" />
 	</div>
 	<div class="scroller" tabindex="-1">
-		<roundcube:object name="addressbooks" id="directorylist" class="treelist listing"
+		<roundcube:object name="addressbooks" id="directorylist" class="treelist listing iconized"
 			summary="ariasummarycomposecontacts" />
 		<roundcube:object name="addresslist" id="contacts-table" class="listing iconized"
 			noheader="true" role="listbox" />

skins/elastic/ui.js

@@ -805,14 +805,14 @@ function rcube_elastic_ui()
     {
         var n, all,
             list = $('input[name="s_mods[]"]', obj),
-            scope = $('input[name="s_scope"]', obj),
+            scope_list = $('input[name="s_scope"]', obj),
             mbox = rcmail.env.mailbox,
             mods = rcmail.env.search_mods,
             scope = rcmail.env.search_scope || 'base';
 
         if (!$(obj).data('initialized')) {
             list.on('click', function() { set_searchmod(this, obj); });
-            scope.on('click', function() { rcmail.set_searchscope(this.value); });
+            scope_list.on('click', function() { rcmail.set_searchscope(this.value); });
             $(obj).data('initialized', true);
         }
 
@@ -824,7 +824,7 @@ function rcube_elastic_ui()
 
                 mods = mods[mbox] ? mods[mbox] : mods['*'];
                 all = 'text';
-                scope.prop('checked', false).filter('#s_scope_' + scope).prop('checked', true);
+                scope_list.prop('checked', false).filter('#s_scope_' + scope).prop('checked', true);
             }
             else {
                 all = '*';
@@ -912,7 +912,7 @@ function rcube_elastic_ui()
             ul = $('ul', obj);
 
         if (!ul.length) {
-            ul = $('<ul class="toolbarmenu selectable" role="menu">');
+            ul = $('<ul class="toolbarmenu selectable listing iconized" role="menu">');
 
             for (i in rcmail.env.spell_langs) {
                 li = $('<li role="menuitem">');