Style item history

assets/styles/tailmater.css

@@ -1143,4 +1143,18 @@ trix-editor ol, .editor-output ol, ol.initial {
 
 #client_request #back a {
     @apply mb-5;
+}
+
+ol.item-history {
+    @apply text-sm card-outlined w-full max-w-2xl;
+    list-style: decimal;
+    list-style-position: outside;
+}
+
+ol.item-history li {
+    @apply mb-1 pl-1 ml-4;
+}
+
+ol.item-history li:last-of-type {
+    @apply mb-0;
 }

templates/tom/__history.html.twig

@@ -1,5 +1,9 @@
 {% trans_default_domain 'tom' %}
-<a href="{{ path('tom_edit',{'tom':p.id}) }}"><span>{{ p.createdAt|date('d.m.Y H:i') }} -- {{ p.titel }}-- {{ p.user.email }} {{ p.approved?'versionApproved' |trans([], 'general') }}</span></a>
+    <li>
+        <a href="{{ path('tom_edit',{'tom':p.id}) }}">
+            {{ p.createdAt|date('d.m.Y H:i') }} -- {{ p.titel }}-- {{ p.user.email }} {{ p.approved?'versionApproved' |trans([], 'general') }}
+        </a>
+    </li>
 {% if p.previous %}
     {{ include('tom/__history.html.twig', {'p':p.previous}) }}
-{% endif %}
+{% endif %}

templates/tom/edit.html.twig

@@ -19,10 +19,10 @@
     {{ include('tom/__form.html.twig') }}
     <p class="text-muted mt-5 text-sm">{% trans from 'general' %}createdBy{% endtrans %}: {{ tom.user.email }}</p>
     {% if tom.previous %}
-        <div>
-            <h2>{% trans from 'general' %}history{% endtrans %}</h2>
+        <h3 class="mt-10">{% trans from 'general' %}history{% endtrans %}</h3>
+        <ol class="item-history" reversed>
             {{ include('tom/__history.html.twig', {'p':tom.previous}) }}
-        </div>
+        </ol>
     {% endif %}
     {{ include('base/__snack.html.twig') }}
 {% endblock %}