Templates update

templates/dashboard/comments/card.html

@@ -2,7 +2,7 @@
      class="block py-4 hover:bg-gray-50 px-6 transition-colors group">
     <div class="flex items-start justify-between">
         <div class="flex-1 min-w-0">
-            <div class="flex items-center space-x-2 mb-2">
+            <div class="mb-1">
                 <span class="text-sm font-medium text-gray-900">
                     {% if let Some(name) = comment.author %}
                         {{ name }}
@@ -10,14 +10,9 @@
                         Anonymous
                     {% endif %}
                 </span>
-                <span class="text-gray-400">•</span>
-                <span class="text-xs text-gray-500">on</span>
-                <a href="/posts/{{ comment.post_id }}" class="text-sm text-blue-600 hover:underline truncate">
-                    #{{ comment.post_id.to_string()[..8] }}
-                </a>
             </div>
             <p class="text-sm text-gray-700 mb-2 line-clamp-2">{{ comment.content }}</p>
-            <div class="flex items-center text-sm text-gray-500">
+            <div class="flex items-center text-xs text-gray-500 mb-1">
                 <svg class="w-4 h-4 mr-1.5"
                      fill="none"
                      viewBox="0 0 24 24"
@@ -29,6 +24,12 @@
                     {{ comment.formatted_date() }}
                 </time>
             </div>
+            <div class="flex items-center text-xs text-gray-500">
+                <span class="mr-1">on</span>
+                <a href="/posts/{{ comment.post_id }}" class="text-blue-600 hover:underline truncate">
+                    #{{ comment.post_id }}
+                </a>
+            </div>
         </div>
         <button hx-delete="/admin/comments/{{ comment.comment_id }}"
                 hx-target="#comment-{{ comment.comment_id }}"