From badeea538741ba97c58d9da0ab4174ac4e085029 Mon Sep 17 00:00:00 2001
From: Ayo Ayco <ayo@ayco.io>
Date: Wed, 24 Apr 2024 13:52:47 +0200
Subject: [PATCH] style: descendants layout

---
 templates/threads.html | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/templates/threads.html b/templates/threads.html
index d6b3eb2..e128103 100644
--- a/templates/threads.html
+++ b/templates/threads.html
@@ -39,9 +39,9 @@
     }
 
     .card_content {
-      width
-      & * {
-        margin-top: 1em;
+
+      & *:not(.meta) {
+        margin-bottom: 1em;
       }
 
       & img, & video {
@@ -52,7 +52,7 @@
 
       & .meta {
         font-size: small; color: #888;
-
+        margin-bottom: 5px;
       }
     }
 
@@ -104,10 +104,17 @@
               <ul>
                 {% for descendant in thread.descendants %}
                 <li class="card">
-                  <div class="card_meta">
-                    <span>{{ descendant.created_at }}</span> &bullet; <a href="{{descendant.url}}" target="_blank">&nearr;</a>
+                  <div class="card_avatar">
+                    {% if descendant.account.avatar is defined %}
+                    <img class="avatar" src="{{thread.account.avatar}}" />
+                    {% endif %}
                   </div>
+
                   <div class="card_content">
+                    <div class="meta">
+                      <span>{{ descendant.created_at }}</span> &bullet; <a href="{{descendant.url}}" target="_blank">&nearr;</a>
+                    </div>
+
                     {{ descendant.content | safe }}
                     {% for media in descendant.media_attachments%}
                       {% if media.type == 'image'%}