fix: login form errors (#982)

Author: lukasvinclav

src/unfold/templates/admin/login.html

@@ -34,18 +34,20 @@ <h1 class="font-semibold mb-10">
 
                 {% include "unfold/helpers/messages.html" %}
 
-                {% include "unfold/helpers/messages/errornote.html" with errors=form.errors %}
+                <div class="flex flex-col gap-4 mb-8 *:mb-0">
+                    {% include "unfold/helpers/messages/errornote.html" with errors=form.errors %}
 
-                {% include "unfold/helpers/messages/error.html" with errors=form.non_field_errors %}
+                    {% include "unfold/helpers/messages/error.html" with errors=form.non_field_errors %}
 
-                {% if user.is_authenticated %}
-                    {% blocktranslate trimmed asvar message %}
-                        You are authenticated as {{ username }}, but are not authorized to
-                        access this page. Would you like to login to a different account?
-                    {% endblocktranslate %}
+                    {% if user.is_authenticated %}
+                        {% blocktranslate trimmed asvar message %}
+                            You are authenticated as {{ username }}, but are not authorized to
+                            access this page. Would you like to login to a different account?
+                        {% endblocktranslate %}
 
-                    {% include "unfold/helpers/messages/error.html" with error=message %}
-                {% endif %}
+                        {% include "unfold/helpers/messages/error.html" with error=message %}
+                    {% endif %}
+                </div>
 
                 {% block login_before %}{% endblock %}
 

src/unfold/templates/unfold/helpers/messages/errornote.html

@@ -1,7 +1,7 @@
 {% load i18n %}
 
 {% if errors %}
-    <p class="errornote bg-red-100 mb-8 text-red-600 px-3 py-3 rounded text-sm dark:bg-red-500/20 dark:border-red-500/20 dark:text-red-500">
+    <p class="errornote bg-red-100 mb-8 text-red-700 px-3 py-3 rounded dark:bg-red-500/20 dark:border-red-500/20 dark:text-red-400">
         {% if errors.items|length == 1 %}
             {% translate "Please correct the error below." %}
         {% else %}