diff options
| author | Penny <82222883+pinchese@users.noreply.github.com> | 2021-06-24 23:50:37 -0500 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-06-24 23:50:37 -0500 |
| commit | f7992d2d0981d3724fb527b4f07591e1d6db4dc0 (patch) | |
| tree | 023dca8a6661c83187d473eb1f68c483d70077a2 /src | |
| parent | 5a8825d01682def020acfd2baf95a44b94790f6f (diff) | |
| download | invidious-f7992d2d0981d3724fb527b4f07591e1d6db4dc0.tar.gz invidious-f7992d2d0981d3724fb527b4f07591e1d6db4dc0.tar.bz2 invidious-f7992d2d0981d3724fb527b4f07591e1d6db4dc0.zip | |
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
Diffstat (limited to 'src')
| -rw-r--r-- | src/invidious/comments.cr | 2 |
1 files changed, 1 insertions, 1 deletions
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> |