Change icon set of 2fa pages

aleksis/core/templates/two_factor/_wizard_actions.html

@@ -2,7 +2,7 @@
 
 {% if cancel_url %}
   <a href="{{ cancel_url }}" class="btn red waves-effect waves-light">
-    <i class="material-icons left">cancel</i>
+    <i class="material-icons iconify left" data-icon="mdi:close"></i>
     {% trans "Cancel" %}
   </a>
 {% endif %}
@@ -11,17 +11,17 @@
   <button name="wizard_goto_step" type="submit"
           value="{{ wizard.steps.prev }}"
           class="btn grey waves-effect waves-light">
-    <i class="material-icons left">arrow_back</i>
+    <i class="material-icons iconify left" data-icon="mdi:arrow-left"></i>
     {% trans "Back" %}
   </button>
 {% else %}
   <button disabled name="" type="button" class="btn grey disabled">
-    <i class="material-icons left">arrow_back</i>
+    <i class="material-icons iconify left" data-icon="mdi:arrow-left"></i>
     {% trans "Back" %}
   </button>
 {% endif %}
 
 <button type="submit" class="btn green waves-effect waves-light">
-  <i class="material-icons right">arrow_forward</i>
+  <i class="material-icons iconify right" data-icon="mdi:arrow-right"></i>
   {% trans "Next" %}
 </button>

aleksis/core/templates/two_factor/core/backup_tokens.html

@@ -10,7 +10,7 @@
 
   <div class="alert info">
     <p>
-      <i class="material-icons left">info</i>
+      <i class="material-icons iconify left" data-icon="mdi:information-outline"></i>
       {% blocktrans %}
         Backup tokens can be used when your primary and backup
         phone numbers aren't available. The backup tokens below can be used
@@ -29,7 +29,7 @@
     </ul>
     <div class="alert warning">
       <p>
-        <i class="material-icons left">warning</i>
+        <i class="material-icons iconify left" data-icon="mdi:alert-outline"></i>
         {% blocktrans %}
           Print these tokens and keep them somewhere safe.
         {% endblocktrans %}
@@ -41,11 +41,11 @@
 
   <form method="post">{% csrf_token %}{{ form }}
     <a href="{% url 'two_factor:profile' %}" class="btn primary waves-effect waves-light">
-      <i class="material-icons left">arrow_back</i>
+      <i class="material-icons iconify left" data-icon="mdi:arrow-left"></i>
       {% trans "Back to Account Security" %}
     </a>
     <button class="btn green waves-effect waves-light" type="submit">
-      <i class="material-icons left">vpn_key</i>
+      <i class="material-icons iconify left" data-icon="mdi:key-outline"></i>
       {% trans "Generate Tokens" %}
     </button>
   </form>

aleksis/core/templates/two_factor/core/setup_complete.html

@@ -10,7 +10,7 @@
 
   <div class="alert success">
     <p>
-      <i class="material-icons left">check_circle</i>
+      <i class="material-icons iconify left" data-icon="mdi:check-circle-outline"></i>
       {% blocktrans %}
         Congratulations, you've successfully enabled two-factor authentication.
       {% endblocktrans %}
@@ -20,17 +20,17 @@
   {% if not phone_methods %}
     <a href="{% url 'two_factor:profile' %}"
        class="btn btn-primary waves-effect waves-light">
-      <i class="material-icons left">arrow_back</i>
+      <i class="material-icons iconify left" data-icon="mdi:arrow-left"></i>
       {% trans "Back to Profile" %}
     </a>
     <a href="{% url 'two_factor:backup_tokens' %}" class="btn green waves-effect waves-light">
-      <i class="material-icons left">vpn_key</i>
+      <i class="material-icons iconify left" data-icon="mdi:key-outline"></i>
       {% trans "Generate backup codes" %}
     </a>
   {% else %}
     <div class="warning">
       <p>
-        <i class="material-icons left">warning</i>
+        <i class="material-icons iconify left" data-icon="mdi:alert-outline"></i>
         {% blocktrans %}
           However, it might happen that you don't have access to
           your primary token device. To enable account recovery, generate backup codes
@@ -40,15 +40,15 @@
     </div>
     <a href="{% url 'two_factor:profile' %}"
        class="btn btn-primary waves-effect waves-light">
-      <i class="material-icons left">arrow_back</i>
+      <i class="material-icons iconify left" data-icon="mdi:arrow-left"></i>
       {% trans "Back to Profile" %}
     </a>
     <a href="{% url 'two_factor:backup_tokens' %}" class="btn green waves-effect waves-light">
-      <i class="material-icons left">vpn_key</i>
+      <i class="material-icons iconify left" data-icon="mdi:key-outline"></i>
       {% trans "Generate backup codes" %}
     </a>
     <a href="{% url 'two_factor:phone_create' %}" class="btn green waves-effect waves-light">
-      <i class="material-icons left">add</i>
+      <i class="material-icons iconify left" data-icon="mdi:phone-plus"></i>
       {% trans "Add Phone Number" %}
     </a>
   {% endif %}

aleksis/core/templates/two_factor/profile/disable.html

@@ -22,7 +22,7 @@
     </p>
 
     <button class="btn red waves-effect waves-light" type="submit">
-      <i class="material-icons left">power_settings_new</i>
+      <i class="material-icons iconify left" data-icon="mdi:power"></i>
       {% trans "Disable" %}
     </button>
   </form>

aleksis/core/templates/two_factor/profile/profile.html

@@ -37,7 +37,7 @@
       </ul>
       <p>
         <a href="{% url 'two_factor:phone_create' %}" class="btn green waves-effect waves-light">
-          <i class="material-icons left">add</i>
+          <i class="material-icons iconify left" data-icon="mdi:phone-plus"></i>
           {% trans "Add Phone Number" %}
         </a>
       </p>
@@ -55,7 +55,7 @@
     </p>
     <p>
       <a href="{% url 'two_factor:backup_tokens' %}" class="btn primary waves-effect waves-light">
-        <i class="material-icons left">vpn_key</i>
+        <i class="material-icons iconify left" data-icon="mdi:key-outline"></i>
         {% trans "Show Codes" %}
       </a>
     </p>
@@ -69,7 +69,7 @@
     </p>
     <p>
       <a class="btn red waves-effect waves-light" href="{% url 'two_factor:disable' %}">
-        <i class="material-icons left">power_settings_new</i>
+        <i class="material-icons iconify left" data-icon="mdi:power"></i>
         {% trans "Disable Two-Factor Authentication" %}
       </a>
     </p>
@@ -84,6 +84,7 @@
 
     <p>
       <a href="{% url 'two_factor:setup' %}" class="green btn waves-effect waves-light ">
+        <i class="material-icons iconify left" data-icon="mdi:key-outline"></i>
         {% trans "Enable Two-Factor Authentication" %}
       </a>
     </p>