Use colored waves on password reset button

aleksis/core/static/public/style.scss

@@ -942,13 +942,9 @@ $person-logo-size: 20vh;
 .login-card-action {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
-  row-gap: 10px;
+  row-gap: 0.7rem;
   & *:last-child {
     grid-column: -2;
     text-align: center;
   }
 }
-
-p.action-margin>a, p.action-margin>button {
-  margin-bottom: 10px;
-}

aleksis/core/templates/socialaccount/snippets/provider_list.html

 {% load i18n socialaccount %}
-<p class="action-margin">
+<p>
   {% get_providers as socialaccount_providers %}
   {% if socialaccount_providers %}
     {% for provider in socialaccount_providers %}
@@ -7,7 +7,7 @@
         {% for brand in provider.get_brands %}
             <a title="{{brand.name}}" 
               class="socialaccount_provider {{provider.id}} {{brand.id}}
-              btn-large waves-effect waves-light primary-color" 
+              btn-large waves-effect waves-light primary-color margin-bottom"
               href="{% provider_login_url provider.id openid=brand.openid_url process=process %}">
               {% blocktrans with name=brand.name %}
                 Login with {{ name }}
@@ -16,7 +16,7 @@
         {% endfor %}
       {% endif %}
         <a title="{{provider.name}}" class="socialaccount_provider {{provider.id}}
-        btn hundred-percent waves-effect waves-light primary-color" 
+        btn hundred-percent waves-effect waves-light primary-color margin-bottom"
           href="{% provider_login_url provider.id process=process scope=scope auth_params=auth_params %}">
           {% blocktrans with name=provider.name %}
             Login with {{ name }}

aleksis/core/templates/two_factor/core/login.html

@@ -96,7 +96,7 @@
               <i class="material-icons right">send</i>
             </button>
             {% if request.site.preferences.auth__allow_password_change and wizard.steps.current == "auth" %}
-              <a href="{% url "account_reset_password" %}" class="btn-flat right waves-effect waves-light">
+              <a href="{% url "account_reset_password" %}" class="btn-flat right waves-effect waves-red">
                 {% trans "Reset password" %}
               </a>
             {% endif %}
@@ -109,9 +109,10 @@
               <div class="card-title">{% trans "Device currently not available?" %}</div>
               {% if other_devices %}
                 <p>{% trans "Or, alternatively, use one of your backup phones:" %}</p>
-                <p class="action-margin">
+                <p>
                   {% for other in other_devices %}
-                    <button name="challenge_device" value="{{ other.persistent_id }}" class="btn" type="submit">
+                    <button name="challenge_device" value="{{ other.persistent_id }}" class="btn margin-bottom"
+                            type="submit">
                       {{ other|device_action }}
                     </button>
                   {% endfor %}