From 10d4599c9bfd73e62ccab46c12d826be21eeb260 Mon Sep 17 00:00:00 2001
From: Bat <baptiste@gelez.xyz>
Date: Mon, 3 Sep 2018 15:18:54 +0100
Subject: [PATCH] Add avatar next to comments

---
 static/main.css            | 4 ++++
 templates/macros.html.tera | 3 ++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/static/main.css b/static/main.css
index b7e94508..58521bd5 100644
--- a/static/main.css
+++ b/static/main.css
@@ -760,3 +760,7 @@ figcaption {
     height: 100px;
     margin: 20px;
 }
+
+.avatar.padded {
+    margin-right: 1em;
+}
diff --git a/templates/macros.html.tera b/templates/macros.html.tera
index 50ec315d..defe0137 100644
--- a/templates/macros.html.tera
+++ b/templates/macros.html.tera
@@ -46,8 +46,9 @@
 {% macro comment(comm) %}
     <div class="comment" id="comment-{{ comm.id }}">
         <a class="author" href="/@/{{ comm.author.fqn }}/">
+            <img class="avatar small padded" src="{{ comm.author.avatar }}" alt="{{ comm.author.name }}">
             <span class="display-name">{{ comm.author.name }}</span>
-            <small>@{{ comm.author.username }}</small>
+            <small>@{{ comm.author.fqn }}</small>
         </a>
         <div class="text">{{ comm.content | safe }}</div>
         <a class="button" href="?responding_to={{ comm.id }}">{{ "Respond" | _ }}</a>