fix: display header text alignment

unfoldadmin · Jun 30, 2023 · 350e44b · 350e44b
1 parent 2a62b64
commit 350e44b
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/src/unfold/static/unfold/css/styles.css b/src/unfold/static/unfold/css/styles.css
diff --git a/src/unfold/templates/unfold/helpers/display_header.html b/src/unfold/templates/unfold/helpers/display_header.html
@@ -1,12 +1,12 @@
 {% load i18n static %}
 
 <div class="flex items-center">
-    <div class="block flex flex-col">
+    <div class="flex flex-col text-right lg:text-left">
         <h3>
             {{ value.0 }}
         </h3>
 
-        <p class="text-gray-500 text-xs">
+        <p class="text-gray-500">
             {{ value.1  }}
         </p>
     </div>

diff --git a/src/unfold/templatetags/unfold_list.py b/src/unfold/templatetags/unfold_list.py
@@ -63,9 +63,10 @@ def link_in_col(is_first: bool, field_name: str, cl: ChangeList) -> bool:
             "py-2",
             "text-left",
             "text-sm",
-            "before:block",
+            "before:flex",
             "before:capitalize",
             "before:content-[attr(data-label)]",
+            "before:items-center",
             "before:mr-auto",
             "before:text-gray-500",
             "first:border-t-0",