fix: inline headers (#509)

Author: lukasvinclav

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

@@ -29,15 +29,25 @@ <h3 class="bg-gray-50 border-b {% if not forloop.first %}border-t{% endif %} bor
                             {% else %}
                                 {% if inline_admin_form.original %}
                                     {{ inline_admin_form.original }}
+
+                                    {% if inline_admin_form.model_admin.show_change_link and inline_admin_form.model_admin.has_registered_model %}
+                                        <a href="{% url inline_admin_form.model_admin.opts|admin_urlname:'change' inline_admin_form.original.pk|admin_urlquote %}" class="{{ inline_admin_formset.has_change_permission|yesno:'inlinechangelink,inlineviewlink' }} font-medium ml-2 text-primary-600 underline dark:text-primary-500">
+                                            {% if inline_admin_formset.has_change_permission %}
+                                                {% translate "Change" %}
+                                            {% else %}
+                                                {% translate "View" %}
+                                            {% endif %}
+                                        </a>
+                                    {% endif %}
                                 {% else %}
                                     #{{ forloop.counter }}
                                 {% endif %}
                             {% endif %}
                         </span>
 
                         {% if inline_admin_form.show_url %}
-                            <a href="{{ inline_admin_form.absolute_url }}" class="h-4 leading-none ml-1">
-                                <span class="material-symbols-outlined h-4 md-16 text-primary-600">launch</span>
+                            <a href="{{ inline_admin_form.absolute_url }}" class="font-medium ml-2 text-primary-600 underline dark:text-primary-500">
+                                {% trans "View on site" %}
                             </a>
                         {% endif %}
 

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

@@ -61,20 +61,26 @@ <h2 class="bg-gray-100 border border-transparent font-semibold mb-6 px-4 py-3 ro
                                         <tr>
                                             <td class="original {% if inline_admin_form.original or inline_admin_form.show_url %}{% if inline_admin_form.original and inline_admin_form.model_admin.show_change_link and inline_admin_form.model_admin.has_registered_model and inline_admin_formset.has_change_permission %}bg-gray-50 border-b  border-gray-200 dark:bg-white/[.02] dark:border-gray-800{% endif %}{% endif %}" colspan="10">
                                                 {% if inline_admin_form.original or inline_admin_form.show_url %}
-                                                    <p class="align-middle flex font-normal items-center leading-none px-3 text-gray-500 text-left text-sm whitespace-nowrap">
+                                                    <p class="bg-gray-50 border-b  border-gray-200 flex font-medium items-center px-3 py-2 text-gray-400 text-sm dark:bg-white/[.02] dark:border-gray-800">
                                                         {% if inline_admin_form.original %}
+                                                            <span class="font-semibold text-gray-900 dark:text-gray-200">
+                                                                {{ inline_admin_form.original }}
+                                                            </span>
+
                                                             {% if inline_admin_form.model_admin.show_change_link and inline_admin_form.model_admin.has_registered_model %}
-                                                                <a href="{% url inline_admin_form.model_admin.opts|admin_urlname:'change' inline_admin_form.original.pk|admin_urlquote %}" class="{% if inline_admin_formset.has_change_permission %}inlinechangelink py-1.5{% else %}inlineviewlink mt-3{% endif %} font-medium text-primary-600 underline text-xs">
-                                                                    {{ inline_admin_form.original }}
+                                                                <a href="{% url inline_admin_form.model_admin.opts|admin_urlname:'change' inline_admin_form.original.pk|admin_urlquote %}" class="{{ inline_admin_formset.has_change_permission|yesno:'inlinechangelink,inlineviewlink' }} font-medium ml-2 text-primary-600 underline dark:text-primary-500">
+                                                                    {% if inline_admin_formset.has_change_permission %}
+                                                                        {% translate "Change" %}
+                                                                    {% else %}
+                                                                        {% translate "View" %}
+                                                                    {% endif %}
                                                                 </a>
                                                             {% endif %}
-                                                        {% else %}
-                                                            {{ inline_admin_form.original }}
                                                         {% endif %}
 
                                                         {% if inline_admin_form.show_url %}
-                                                            <a href="{{ inline_admin_form.absolute_url }}" class="ml-1 mt-3">
-                                                                <span class="material-symbols-outlined h-4 md-16 text-primary-600">launch</span>
+                                                            <a href="{{ inline_admin_form.absolute_url }}" class="font-medium ml-2 text-primary-600 underline dark:text-primary-500">
+                                                                {% translate "View on site" %}
                                                             </a>
                                                         {% endif %}
                                                     </p>