Show icons on person overview

aleksis/core/templates/components/pagination.html

@@ -5,7 +5,7 @@
     {% if page.has_previous %}
       <li class="waves-effect">
         <a href="?page={{ page.previous_page_number }}" class="page-link">
-          <i class="material-icons">chevron_left</i>
+          <i class="material-icons iconify" data-icon="mdi:chevron-right"></i>
         </a>
       </li>
     {% endif %}
@@ -21,7 +21,7 @@
     {% if page.has_next %}
       <li class="waves-effect">
         <a href="?page={{ page.next_page_number }}" class="page-link">
-          <i class="material-icons">chevron_right</i>
+          <i class="material-icons iconify" data-icon="mdi:chevron-right"></i>
         </a>
       </li>
     {% endif %}

aleksis/core/templates/core/person/collection.html

@@ -8,7 +8,7 @@
         <img class="circle" src="{{ person.photo.url }}"
              alt="{{ person.first_name }} {{ person.last_name }}"/>
       {% else %}
-        <i class="material-icons materialize-circle">person</i>
+        <i class="material-icons small iconify materialize-circle" data-icon="mdi:account-outline"></i>
       {% endif %}
       {{ person }}
     </a>

aleksis/core/templates/core/person/full.html

@@ -22,28 +22,28 @@
       <p class="person-buttons hide-on-med-and-down">
         {% if can_change_person %}
           <a href="{% url 'edit_person_by_id' person.id %}" class="btn waves-effect waves-light">
-            <i class="material-icons left">edit</i>
+            <i class="material-icons left iconify" data-icon="mdi:pencil-outline"></i>
             {% trans "Edit" %}
           </a>
         {% endif %}
 
         {% if can_delete_person %}
           <a href="{% url 'delete_person_by_id' person.id %}" class="btn waves-effect waves-light red">
-            <i class="material-icons left">delete</i>
+            <i class="material-icons left iconify" data-icon="mdi:delete-outline"></i>
             {% trans "Delete" %}
           </a>
         {% endif %}
 
         {% if can_change_person_preferences %}
           <a href="{% url 'preferences_person' person.id %}" class="btn waves-effect waves-light">
-            <i class="material-icons left">settings</i>
+            <i class="material-icons left iconify" data-icon="mdi:cog-outline"></i>
             {% trans "Change preferences" %}
           </a>
         {% endif %}
 
         {% if can_impersonate and person.user %}
           <a href="{% url 'impersonate-start' person.user.id %}" class="btn waves-effect waves-light">
-            <i class="material-icons left">portrait</i>
+            <i class="material-icons left iconify" data-icon="mdi:account-box-outline"></i>
             {% trans "Impersonate" %}
           </a>
         {% endif %}
@@ -135,13 +135,13 @@
         <table class="highlight">
         <tr>
           <td>
-            <i class="material-icons small">person</i>
+            <i class="material-icons small iconify" data-icon="mdi:account-outline"></i>
           </td>
           <td>{{ person.first_name }} {{ person.additional_name }} {{ person.last_name }}</td>
         </tr>
         <tr>
           <td>
-            <i class="material-icons small">face</i>
+            <i class="material-icons small iconify" data-icon="mdi:human-non-binary"></i>
           </td>
           <td>{% firstof person.get_sex_display "–" %}</td>
         </tr>
@@ -149,7 +149,7 @@
         {% if can_view_address %}
           <tr>
             <td rowspan="2">
-              <i class="material-icons small">home</i>
+              <i class="material-icons small iconify" data-icon="mdi:map-marker-outline"></i>
             </td>
             <td>{% firstof person.street "–" %} {{ person.housenumber }}</td>
           </tr>
@@ -161,7 +161,7 @@
         {% if can_view_contact_details %}
           <tr>
             <td rowspan="2">
-              <i class="material-icons small">phone</i>
+              <i class="material-icons small iconify" data-icon="mdi:phone-outline"></i>
             </td>
             <td>
               {% if person.phone_number %}
@@ -184,7 +184,7 @@
           </tr>
           <tr>
             <td>
-              <i class="material-icons small">email</i>
+              <i class="material-icons small iconify" data-icon="mdi:email-outline"></i>
             </td>
             <td>
               {% if person.email %}
@@ -199,7 +199,7 @@
         {% if can_view_personal_details %}
           <tr>
             <td>
-              <i class="material-icons small">cake</i>
+              <i class="material-icons small iconify" data-icon="mdi:cake"></i>
             </td>
             <td>
               <time datetime="{{ person.date_of_birth|date:'c' }}">{{ person.date_of_birth|date }}</time>