diff --git a/client/coral-embed-stream/src/components/Comment.css b/client/coral-embed-stream/src/components/Comment.css index 143577cf6..7f96607a8 100644 --- a/client/coral-embed-stream/src/components/Comment.css +++ b/client/coral-embed-stream/src/components/Comment.css @@ -162,3 +162,7 @@ vertical-align: middle; font-size: 14px; } + +.commentFooter { + padding-top: 8px; +} diff --git a/client/coral-embed-stream/src/components/Comment.js b/client/coral-embed-stream/src/components/Comment.js index 8a728a0d5..6a9f76771 100644 --- a/client/coral-embed-stream/src/components/Comment.js +++ b/client/coral-embed-stream/src/components/Comment.js @@ -443,51 +443,53 @@ export default class Comment extends React.Component { } - -
- - {!disableReply && - - - } -
-
- - - +
+ - + {!disableReply && + + + } +
+
+ + + + +
{activeReplyBox === comment.id diff --git a/plugins/coral-plugin-like/client/styles.css b/plugins/coral-plugin-like/client/styles.css index 859581bd4..a1d88b1b0 100644 --- a/plugins/coral-plugin-like/client/styles.css +++ b/plugins/coral-plugin-like/client/styles.css @@ -9,6 +9,7 @@ padding: 0px; border: none; font-size: inherit; + vertical-align: middle; &:hover { color: #767676; diff --git a/plugins/coral-plugin-respect/client/styles.css b/plugins/coral-plugin-respect/client/styles.css index 362e02b8f..1022fe20d 100644 --- a/plugins/coral-plugin-respect/client/styles.css +++ b/plugins/coral-plugin-respect/client/styles.css @@ -9,6 +9,7 @@ padding: 0px; border: none; font-size: inherit; + vertical-align: middle; &:hover { color: #767676; diff --git a/plugins/talk-plugin-featured-comments/client/components/FeaturedButton.css b/plugins/talk-plugin-featured-comments/client/components/FeaturedButton.css index 804ae2c92..6828e64fd 100644 --- a/plugins/talk-plugin-featured-comments/client/components/FeaturedButton.css +++ b/plugins/talk-plugin-featured-comments/client/components/FeaturedButton.css @@ -4,6 +4,7 @@ padding: 0px; border: none; margin-right: 10px; + vertical-align: middle; } .button:hover { @@ -23,5 +24,5 @@ .icon { font-size: 18px; padding: 0 5px; - vertical-align: middle; + vertical-align: top; } \ No newline at end of file