fix: changeform / changelist responsive improvements (#690)

src/unfold/templates/unfold/helpers/fieldset_row.html

@@ -52,7 +52,7 @@
                     </div>
                 {% endif %}
             {% else %}
-                <div class="{% if adminform.model_admin.compressed_fields %} min-w-48 lg:mt-2 w-48{% endif %}">
+                <div class="{% if adminform.model_admin.compressed_fields %}lg:min-w-48 lg:mt-2{% endif %}">
                     {{ field.label_tag }}
                 </div>
 

src/unfold/templates/unfold/helpers/navigation.html

@@ -1,7 +1,7 @@
 {% load i18n %}
 
 <div class="relative min-w-sidebar transition-width w-sidebar z-30">
-    <nav id="nav-sidebar" class="bg-gray-50 border-r border-gray-200 fixed max-h-screen  transition-width w-sidebar dark:bg-gray-900 dark:border-gray-800">
+    <nav id="nav-sidebar" class="bg-gray-50 border-r border-gray-200 bottom-0 fixed max-h-screen top-0 transition-width w-sidebar dark:bg-gray-900 dark:border-gray-800">
         <div class="flex flex-col min-h-screen min-w-sidebar dark:bg-gray-950/20">
             <div class="border-b border-gray-200 mb-5 py-3 dark:border-gray-800">
                 <div class="flex font-medium h-10 items-center px-6 text-gray-900 tracking-tight dark:text-gray-100 xl:text-base">

src/unfold/templates/unfold/widgets/clearable_file_input_small.html

@@ -17,7 +17,15 @@
         <input type="text" aria-label="{% trans 'Choose file to upload' %}" value="{% if widget.value %}{{ widget.value.url }}{% else %}{% trans 'Choose file to upload' %}{% endif %}" disabled class="bg-white flex-grow font-medium px-3 py-2 text-ellipsis dark:bg-gray-900 {% if widget.value %}text-gray-500 dark:text-gray-300{% else %}text-gray-300 dark:text-gray-300{% endif %}">
 
         <div class="flex flex-none items-center leading-none self-stretch">
-            <input type="{{ widget.type }}" name="{{ widget.name }}" class="{{ widget.file_input_class }}" {% include "django/forms/widgets/attrs.html" %} />
+            <div class="hidden">
+                <input type="{{ widget.type }}" name="{{ widget.name }}" {% include "django/forms/widgets/attrs.html" %} />
+            </div>
+
+            {% if widget.is_initial %}
+                <a href="{{ widget.value.url }}" class="border-r cursor-pointer text-gray-400 px-3 hover:text-gray-700 dark:border-gray-700 dark:text-gray-500 dark:hover:text-gray-200" target="_blank">
+                    <span class="material-symbols-outlined">download</span>
+                </a>
+            {% endif %}
 
             <label for="{{ widget.attrs.id }}" class="cursor-pointer text-gray-400 px-3 hover:text-gray-700 dark:text-gray-500 dark:hover:text-gray-200">
                 <span class="material-symbols-outlined">file_upload</span>

src/unfold/templatetags/unfold_list.py

@@ -82,7 +82,7 @@
     "before:content-[attr(data-label)]",
     "before:font-semibold",
     "before:mr-auto",
-    "before:text-gray-100",
+    "before:text-gray-900",
     "lg:before:hidden",
     "lg:border-t",
     "lg:border-gray-200",