vote styling issue

diff --git a/ui/src/components/comment-node.tsx b/ui/src/components/comment-node.tsx
index dfc7535031bc813fbb14c213001f53ba2f0cbb98..fabacb28d6e9fa2005b53be9aaefea0033c53b02 100644 (file)
--- a/ui/src/components/comment-node.tsx
+++ b/ui/src/components/comment-node.tsx
@@ -62,7 +62,7 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
             <svg class="icon upvote"><use xlinkHref="#icon-arrow-up"></use></svg>
           </div>
           <div>{node.comment.score}</div>
-          <div className={`pointer ${node.comment.my_vote == -1 && 'text-danger'}`} onClick={linkEvent(node, this.handleCommentDisLike)}>
+          <div className={`pointer ${node.comment.my_vote == -1 ? 'text-danger' : 'text-muted'}`} onClick={linkEvent(node, this.handleCommentDisLike)}>
             <svg class="icon downvote"><use xlinkHref="#icon-arrow-down"></use></svg>
           </div>
         </div>

diff --git a/ui/src/components/post-listing.tsx b/ui/src/components/post-listing.tsx
index e163717ec8b52ef7df0d3310cc9e06d6b78e5cdd..7a6e9545054e7a2fc67ac08b90cc8c7a03ea12ab 100644 (file)
--- a/ui/src/components/post-listing.tsx
+++ b/ui/src/components/post-listing.tsx
@@ -62,7 +62,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
             <svg class="icon upvote"><use xlinkHref="#icon-arrow-up"></use></svg>
           </div>
           <div>{post.score}</div>
-          <div className={`pointer ${post.my_vote == -1 && 'text-danger'}`} onClick={linkEvent(this, this.handlePostDisLike)}>
+          <div className={`pointer ${post.my_vote == -1 ? 'text-danger' : 'text-muted'}`} onClick={linkEvent(this, this.handlePostDisLike)}>
             <svg class="icon downvote"><use xlinkHref="#icon-arrow-down"></use></svg>
           </div>
         </div>