fix: fields display (#529)

Author: lukasvinclav

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

@@ -256,7 +256,7 @@ table tr.selected th {
 }
 
 .add-row {
-  @apply align-middle bg-gray-50 text-left px-3 py-5 font-normal text-right text-sm dark:bg-gray-900;
+  @apply align-middle bg-gray-50 px-3 py-5 font-normal text-right text-sm dark:bg-gray-900;
 }
 
 [data-inline-type="stacked"] .add-row {

src/unfold/styles.css

@@ -59,7 +59,7 @@ <h2 class="bg-gray-100 border border-transparent font-semibold mb-6 px-4 py-3 ro
 
                                     {% if inline_admin_form.original or inline_admin_form.show_url %}
                                         <tr>
-                                            <td class="original {% if inline_admin_form.original or inline_admin_form.show_url %}border-b border-gray-200 dark:border-gray-800 bg-gray-50 dark:bg-white/[.02]{% endif %}" colspan="10">
+                                            <td class="original {% if inline_admin_form.original or inline_admin_form.show_url %}border-b border-gray-200 dark:border-gray-800 bg-gray-50 dark:bg-white/[.02]{% endif %}" colspan="{{ inline_admin_form|cell_count }}">
                                                 {% if inline_admin_form.original or inline_admin_form.show_url %}
                                                     <p class="bg-gray-50 flex font-medium items-center px-3 py-2 text-gray-400 text-sm dark:bg-white/[.02] ">
                                                         {% if inline_admin_form.original %}

src/unfold/templates/admin/edit_inline/tabular.html

@@ -1 +1 @@
-<div class="readonly font-medium max-w-4xl py-2 text-gray-500 text-sm truncate dark:text-gray-400 *:rounded-md {% if not adminform.model_admin.compressed_fields and not field.is_image %}bg-gray-50 border px-3 rounded-md shadow-sm dark:border-gray-700 dark:bg-gray-800{% endif %} {% if field.is_image %}inline-block [&_img]:rounded-md !py-0{% endif %}">{% if value %}{{ value }}{% elif field.contents %}{{ field.contents }}{% else %}-{% endif %}</div>
+<div class="readonly font-medium max-w-4xl py-2 text-gray-500 text-sm dark:text-gray-400 *:rounded-md {% if not adminform.model_admin.compressed_fields and not field.is_image %}bg-gray-50 border px-3 rounded-md shadow-sm dark:border-gray-700 dark:bg-gray-800{% endif %} {% if field.is_image %}inline-block [&_img]:rounded-md !py-0{% endif %}">{% if value %}{{ value }}{% elif field.contents %}{{ field.contents }}{% else %}-{% endif %}</div>

src/unfold/templates/unfold/helpers/field_readonly_value.html

@@ -8,7 +8,7 @@
             {% if field.is_checkbox %}
                 {% if adminform.model_admin.compressed_fields %}
                     <div class="flex flex-row gap-4">
-                        <div class="font-medium h-5 flex items-start -ml-2 min-w-32 w-32 lg:min-w-48 lg:w-48">
+                        <div class="font-medium flex items-start -ml-2 min-w-32 w-32 lg:min-w-48 lg:w-48">
                             {{ field.label_tag }}
                         </div>