From e0ca39933c2277c63bd8fcd580e530f594204e63 Mon Sep 17 00:00:00 2001
From: Tim <git@loken.nl>
Date: Sun, 11 May 2025 00:39:13 +0200
Subject: [PATCH] Snip single, format the header

---
 templates/snip/single.html.twig | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/templates/snip/single.html.twig b/templates/snip/single.html.twig
index 2edb94f..4fecd81 100644
--- a/templates/snip/single.html.twig
+++ b/templates/snip/single.html.twig
@@ -35,9 +35,17 @@
     </a>
     <br><br>
     <div class="card" style="width: 100%;">
-        <h4 class="card-header">
-            {{ include('snip/badge.html.twig', {snip: snip}) }}
-            {{ snip }} <small class="text-muted">#{{ snip.id }}</small>
+        <h4 class="card-header d-flex justify-content-between">
+            <span>
+                {{ snip }} <small class="text-muted">#{{ snip.id }}</small>
+            </span>
+            <span>
+                {% for tag in snip.tags %}
+                    <span class="badge bg-secondary">{{ tag }}</span>
+                {% endfor %}
+                {{ include('user/badge.html.twig', {user: snip.createdBy}) }}
+                {{ include('snip/badge.html.twig', {snip: snip}) }}
+            </span>
         </h4>
         <div class="card-body">
             {{ content|raw }}
@@ -49,10 +57,7 @@
 
                 Created at {{ snip.activeVersion.id.dateTime|date('Y-m-d H:i:s') }}
 
-                {{ include('user/badge.html.twig', {user: snip.createdBy}) }}
-                {% for tag in snip.tags %}
-                    <span class="badge bg-secondary">{{ tag }}</span>
-                {% endfor %}
+
             </p>
         </div>
     </div>