fix: messages spacing (#1647)

Author: lukasvinclav

src/unfold/static/unfold/css/styles.css

@@ -1,5 +1,5 @@
 {% if messages %}
-    <ul class="flex flex-col gap-4 mb-8">
+    <ul class="flex flex-col gap-4 mb-6">
         {% for message in messages %}
             <li class="*:mb-0!">
                 {% if message.level == DEFAULT_MESSAGE_LEVELS.INFO %}

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

@@ -1,3 +1,3 @@
-<div class="mb-3 px-3 py-3 rounded-default text-sm last:mb-8 bg-base-100 text-base-700 dark:bg-base-500/20 dark:text-base-400">
+<div class="mb-3 px-3 py-2.5 leading-[18px] rounded-default bg-base-100 text-base-700 dark:bg-base-500/20 dark:text-base-400">
     {{ message }}
 </div>

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

@@ -1,7 +1,7 @@
 {% load i18n %}
 
 {% if errors or error or message %}
-    <div class="errornote mb-3 px-3 py-3 rounded-default group-[.inline-tabular]:mb-0 group-[.inline-tabular]:mt-3 group-[.inline-tabular]:mx-3 group-[.inline-stacked]:mb-3 group-[.inline-stacked]:mt-3 group-[.inline-stacked]:mx-3 bg-red-100 text-red-700 dark:bg-red-500/20 dark:text-red-400">
+    <div class="errornote mb-3 px-3 py-2.5 leading-[18px] rounded-default group-[.inline-tabular]:mb-0 group-[.inline-tabular]:mt-3 group-[.inline-tabular]:mx-3 group-[.inline-stacked]:mb-3 group-[.inline-stacked]:mt-3 group-[.inline-stacked]:mx-3 bg-red-100 text-red-700 dark:bg-red-500/20 dark:text-red-400">
         {% if error %}
             {{ error }}
         {% elif message %}

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

@@ -1,7 +1,7 @@
 {% load i18n %}
 
 {% if errors %}
-    <p class="errornote bg-red-100 mb-8 text-red-700 px-3 py-3 rounded-default dark:bg-red-500/20 dark:border-red-500/20 dark:text-red-400">
+    <p class="errornote bg-red-100 mb-4 text-red-700 px-3 py-2.5 leading-[18px] rounded-default dark:bg-red-500/20 dark:border-red-500/20 dark:text-red-400">
         {% blocktranslate count counter=errors.items|length %}Please correct the error below.{% plural %}Please correct the errors below.{% endblocktranslate %}
     </p>
 {% endif %}

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

@@ -1,3 +1,3 @@
-<div class="mb-3 px-3 py-3 rounded-default text-sm last:mb-8 bg-blue-100 text-blue-700 dark:bg-blue-500/20 dark:text-blue-400">
+<div class="mb-3 px-3 py-2.5 leading-[18px] rounded-default bg-blue-100 text-blue-700 dark:bg-blue-500/20 dark:text-blue-400">
     {{ message }}
 </div>

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

@@ -1,3 +1,3 @@
-<div class="mb-3 px-3 py-3 rounded-default text-sm last:mb-8 bg-green-100 text-green-700 dark:bg-green-500/20 dark:text-green-400">
+<div class="mb-3 px-3 py-2.5 leading-[18px] rounded-default bg-green-100 text-green-700 dark:bg-green-500/20 dark:text-green-400">
     {{ message }}
 </div>

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

@@ -1,3 +1,3 @@
-<div class="mb-3 px-3 py-3 rounded-default text-sm last:mb-8 bg-orange-100 text-orange-700 dark:bg-orange-500/20 dark:text-orange-400">
+<div class="mb-3 px-3 py-2.5 leading-[18px] rounded-default bg-orange-100 text-orange-700 dark:bg-orange-500/20 dark:text-orange-400">
     {{ message }}
 </div>