From d2706dbc74c41a34642e225dca53541405922339 Mon Sep 17 00:00:00 2001
From: Lewis Dale <lewis.dale@fortacode.co.uk>
Date: Sat, 25 Feb 2023 21:27:26 +0000
Subject: [PATCH] Fix post reply formatting

---
 src/_includes/post.njk | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/_includes/post.njk b/src/_includes/post.njk
index ba541ab..dce32a5 100644
--- a/src/_includes/post.njk
+++ b/src/_includes/post.njk
@@ -23,7 +23,7 @@ eleventyComputed:
 
             <div class="row overlaps">
             {% for like in post.comments.like %}
-                <a href="{{ like.author.url }}">
+                <a href="{{ like.author.url }}" rel="noreferrer" target="_blank">
                     <img src="{{ like.author.avatars["96"] }}" alt="{{ like.author.name }}" class="circle" />
                 </a>
             {% endfor %}
@@ -36,7 +36,7 @@ eleventyComputed:
 
             <div class="row overlaps">
             {% for like in post.comments.repost %}
-                <a href="{{ like.author.url }}">
+                <a href="{{ like.author.url }}" rel="noreferrer" target="_blank">
                     <img src="{{ like.author.avatars["96"] }}" alt="{{ like.author.name }}" class="circle" />
                 </a>
             {% endfor %}
@@ -48,17 +48,17 @@ eleventyComputed:
         <div class="stack-xs">
             <h3 class="block w-full">Replies</h3>
 
-            <ol>
-                {% for reply in post.comments.reply %}
+            <ol class="stack-md">
+                {% for reply in post.comments.reply | reverse %}
 
-                <li class="row items-center">
-                    <a href="{{ like.author.url }}">
+                <li class="row items-center justify-between">
+                    <a href="{{ like.author.url }}" class="self-start" rel="noreferrer" target="_blank">
                         <img src="{{ reply.author.avatars["96"] }}" alt="{{ reply.author.name }}" class="max-w-[4rem] box" />
                     </a>
-                    <div class="stack-2xs">
+                    <div class="stack-2xs max-w-[50ch]">
                         {% set date = reply.date | parseDate %}
                         <h4>{{ reply.author.name }} <span class="font-normal">on</span> {{ date | dateDisplay }} <span class="font-normal">at</span> {{ date | timeDisplay }}</h4>
-                        <a href="{{ reply.canonical }}">Original comment</a>
+                        <a href="{{ reply.canonical }}" rel="noreferrer" target="_blank">Original comment</a>
                         <p>{{ reply.content | safe }}</p>
                     </div>
                 </li>