Display avatar left of comments by default

Previously avatars would be displayed on top of comments. Most comment
and forum systems will display avatars to the left of comments/posts.
The https://github.com/snorremd/talk-plugin-gravatar plugin currently
renders avatars in the avatar slot which will render the avatar on top
of the comments. This change modified the comment container to be
displayed as a flex container with row direction. It also adds 10px top
margin to the avatar slot which corresponds with the comment header.

Signed-off-by: Snorre Magnus Davøen <snorremd@gmail.com>
This commit is contained in:
Snorre Magnus Davøen
2018-10-12 19:13:04 +02:00
parent f93c4adc97
commit ade3cf6252
2 changed files with 6 additions and 0 deletions
@@ -138,6 +138,7 @@
}
.commentAvatar {
margin-top: 10px;
max-width: 60px;
}
@@ -112,6 +112,11 @@ body {
position: relative;
}
.talk-stream-comment {
display: flex;
flex-direction: row;
}
/* Comment styles */
.comment {
margin-bottom: 10px;