From f7992d2d0981d3724fb527b4f07591e1d6db4dc0 Mon Sep 17 00:00:00 2001
From: Penny <82222883+pinchese@users.noreply.github.com>
Date: Thu, 24 Jun 2021 23:50:37 -0500
Subject: [PATCH] futureproof comment avatars

i was injecting custom css into the site that made the avatars round, and noticed comment avatars looked a little odd

i opened dev tools and siffed through the html, and noticed that the image was being padded,
when it would look nicer if the element used margin instead of padding

with padding:
https://imgur.com/c0pB37e

with proposed changes (margin instead of padding):
https://imgur.com/iKmBzEi
---
 src/invidious/comments.cr | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/invidious/comments.cr b/src/invidious/comments.cr
index 81d6ac2b..21d8b210 100644
--- a/src/invidious/comments.cr
+++ b/src/invidious/comments.cr
@@ -315,7 +315,7 @@ def template_youtube_comments(comments, locale, thin_mode, is_replies = false)
       html << <<-END_HTML
       <div class="pure-g" style="width:100%">
         <div class="channel-profile pure-u-4-24 pure-u-md-2-24">
-          <img style="padding-right:1em;padding-top:1em;width:90%" src="#{author_thumbnail}">
+          <img style="margin-right:1em;margin-top:1em;width:90%" src="#{author_thumbnail}">
         </div>
         <div class="pure-u-20-24 pure-u-md-22-24">
           <p>