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

Closes #6 (closed)

aleksis/apps/kort/templates/kort/card/actions.html

@@ -7,13 +7,13 @@
   </div>
   <div class="modal-footer">
     <a href="#!" class="modal-close waves-effect waves-green btn-flat">
-      <i class="material-icons left">close</i>
+      <i class="material-icons left iconify" data-icon="mdi:close"></i>
       {% trans "Close" %}
     </a>
   </div>
 </div>
 <a class="btn-flat waves-effect waves-green green-text modal-trigger" href="#detail-modal-{{ card.pk }}">
-  <i class="material-icons left">slideshow</i>
+  <i class="material-icons left iconify" data-icon="mdi:play-box-outline"></i>
   {% trans "Show" %}
 </a>
 {% if not card.deactivated %}
@@ -24,21 +24,21 @@
     </div>
     <div class="modal-footer">
       <a href="#!" class="modal-close waves-effect waves-green btn-flat">
-        <i class="material-icons left">close</i>
+        <i class="material-icons left iconify" data-icon="mdi:close"></i>
         {% trans "Close" %}
       </a>
       <a href="{% url "deactivate_card" card.pk %}" class="modal-close waves-effect waves-light orange btn">
-        <i class="material-icons left">timer_off</i>
+        <i class="material-icons left iconify" data-icon="mdi:timer-off-outline"></i>
         {% trans "Deactivate" %}
       </a>
     </div>
   </div>
   <a class="btn-flat waves-effect waves-orange orange-text modal-trigger" href="#deactivate-modal-{{ card.pk }}">
-    <i class="material-icons left">timer_off</i>
+    <i class="material-icons left iconify" data-icon="mdi:timer-off-outline"></i>
     {% trans "Deactivate" %}
   </a>
 {% endif %}
 <a class="btn-flat waves-effect waves-red red-text modal-trigger" href="{% url "delete_card" card.pk %}">
-  <i class="material-icons left">delete</i>
+  <i class="material-icons left iconify" data-icon="mdi:delete-outline"></i>
   {% trans "Delete" %}
 </a>
\ No newline at end of file