Prevent overflow of action buttons on the login page

CHANGELOG.rst

@@ -9,6 +9,11 @@ and this project adheres to `Semantic Versioning`_.
 Unreleased
 ----------
 
+Fixed
+~~~~~
+
+* The ``reset password`` button on the login site used to overflow the card on smaller devices.
+
 `2.7.3`_ - 2022-02-03
 ---------------------
 

aleksis/core/static/public/style.scss

@@ -937,3 +937,10 @@ $person-logo-size: 20vh;
   @extend .application-circle;
   object-fit: cover;
 }
+
+// Login Page
+.login-card-action {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}

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

@@ -90,7 +90,7 @@
 
             {% include "two_factor/_wizard_forms.html" %}
           </div>
-          <div class="card-action-light">
+          <div class="card-action-light login-card-action">
             <button type="submit" class="btn green waves-effect waves-light">
               {% trans "Login" %}
               <i class="material-icons right">send</i>