diff --git a/plugins/talk-plugin-featured-comments/client/components/FeaturedComment.js b/plugins/talk-plugin-featured-comments/client/components/FeaturedComment.js index 89ab67df1..a3f71b1d8 100644 --- a/plugins/talk-plugin-featured-comments/client/components/FeaturedComment.js +++ b/plugins/talk-plugin-featured-comments/client/components/FeaturedComment.js @@ -7,20 +7,20 @@ import {Icon} from 'plugin-api/beta/client/components/ui'; const FeaturedComment = ({comment}) => { return ( -
+
"{comment.body}"
diff --git a/plugins/talk-plugin-featured-comments/client/components/styles.css b/plugins/talk-plugin-featured-comments/client/components/styles.css index 4c3db162c..9a2943163 100644 --- a/plugins/talk-plugin-featured-comments/client/components/styles.css +++ b/plugins/talk-plugin-featured-comments/client/components/styles.css @@ -35,9 +35,31 @@ .featuredComments { padding: 20px; background-color: #f9f9f9; + margin: 10px 0 30px; +} + +.featuredComment { + margin: 10px 0 35px; +} + +.featuredComment:last-child { margin: 10px 0; } -.featuredComments .goTo { - color: #2d3fb9; +.featuredComment .goTo { + color: #1d5294; + font-size: 13px; + padding: 5px 0; + display: inline-block; +} + +.featuredComment .goTo:hover { + cursor: pointer; + text-decoration: underline; +} + +.featuredComment .body { + line-height: 20px; + text-align: left; + letter-spacing: 0.1px; } \ No newline at end of file