[Frontend] Styling for search elements

#70
Significant .scss and markup changes across search;
New symbols font (v2.2) char for clear icon;
To-do: style "load more" element;

platform/search/res/templates/search-menu.html

@@ -22,15 +22,15 @@
 
 <div ng-controller="SearchMenuController as controller">
 
-    <div class="menu dropdown search-menu">
+    <div class="menu checkbox-menu">
 
         <ul>
             <!-- First element is special - it's a reset option -->
             <li class="search-menu-item special"
-                title="Select all filters."
+                title="Select all filters"
                 ng-click="ngModel.checkAll = !ngModel.checkAll; controller.checkAll()">
 
-                <label class="checkbox custom search-menu-checkbox">
+                <label class="checkbox custom no-text">
                     <input type="checkbox"
                            class="checkbox"
                            ng-model="ngModel.checkAll"
@@ -38,10 +38,10 @@
                     <em></em>
                 </label>
 
-                <span class="search-menu-label">
-                    ALL
+                <span class="ui-symbol icon type-icon">
+                    *
                 </span>
-
+				All
             </li>
 
             <!-- The filter options, by type -->
@@ -49,7 +49,7 @@
                 ng-repeat="type in ngModel.types"
                 ng-click="ngModel.checked[type.key] = !ngModel.checked[type.key]; controller.updateOptions()">
 
-                <label class="checkbox custom search-menu-checkbox">
+                <label class="checkbox custom no-text">
                     <input type="checkbox"
                            class="checkbox"
                            ng-model="ngModel.checked[type.key]"
@@ -57,14 +57,10 @@
                     <em></em>
                 </label>
 
-                <span class="ui-symbol search-menu-glyph">
+                <span class="ui-symbol icon type-icon">
                     {{ type.glyph }}
                 </span>
-
-                <span class="search-menu-label">
-                    {{ type.name }}
-                </span>
-
+				{{ type.name }}
             </li>
         </ul>
     </div>

platform/search/res/templates/search.html

@@ -36,7 +36,7 @@
                      ng-model="ngModel.input"
                      ng-keyup="controller.search()">
         </mct-control-->
-        
+
         <!-- Search icon -->
         <!-- ui symbols for search are 'd' and 'M' -->
         <div class="ui-symbol search-icon"
@@ -48,7 +48,7 @@
         <a class="ui-symbol clear-icon"
            ng-class="{content: !(ngModel.input === '' || ngModel.input === undefined)}"
            ng-click="ngModel.input = ''; controller.search()">
-            x
+	        &#xe607;
         </a>
         
         <!-- Menu icon/button 'v' -->
@@ -73,12 +73,14 @@
         
         <a class="ui-symbol clear-filters-icon"
            ng-click="ngModel.checkAll = true; menuController.checkAll()">
-            x
+            &#xe607;
         </a>
+
+	    Filtered by: {{ ngModel.filtersString }}
         
-        <div class="filter-options">
+        <!--div class="filter-options">
             Filtered by: {{ ngModel.filtersString }}
-        </div>
+        </div-->
     </div>
     
     <!-- This div exists to determine scroll bar location -->