Resolve "Use iconify for Material Icons instead of icon font"

Closes #21 (closed)

aleksis/apps/matrix/templates/matrix/room/list.html

@@ -16,13 +16,15 @@
 
 <div class="card">
   <div class="card-content">
-    <div class="card-title">{% trans "Filter groups" %}</div>
+    <div class="card-title">
+      <i class="material-icons left small iconify" data-icon="mdi:filter-multiple-outline"></i>
+      {% trans "Filter groups" %}
+    </div>
     <form method="get">
       {% form form=filter.form %}{% endform %}
-      {% trans "Search" as caption %}
-      {% include "core/partials/save_button.html" with caption=caption icon="search" %}
+      {% include "core/partials/save_button.html" with caption=_("Filter") icon="mdi:filter-outline" %}
       <button type="reset" class="btn red waves-effect waves-light">
-        <i class="material-icons left">clear</i>
+        <i class="material-icons left iconify" data-icon="mdi:filter-remove-outline"></i>
         {% trans "Clear" %}
       </button>
     </form>
@@ -36,7 +38,10 @@
       {% csrf_token %}
       <div class="row">
         <div class="col s12 {% if action_form %}m4 l4 xl6{% endif %}">
-          <div class="card-title">{% trans "Selected groups" %}</div>
+          <div class="card-title">
+            <i class="material-icons left small iconify" data-icon="mdi:account-group-outline"></i>
+            {% trans "Selected groups" %}
+          </div>
         </div>
         {% if action_form %}
         <div class="col s12 m8 l8 xl6">
@@ -46,7 +51,7 @@
           <div class="col s12 m4">
             <button type="submit" class="btn waves-effect waves-primary">
               {% trans "Execute" %}
-              <i class="material-icons right">send</i>
+              <i class="material-icons right iconify" data-icon="mdi:send-outline"></i>
             </button>
           </div>
         </div>