diff --git a/web/app/components/comment/__vote/_disabled/comment__vote_disabled.scss b/web/app/components/comment/__vote/_disabled/comment__vote_disabled.scss
index c82a5001..820a3300 100644
--- a/web/app/components/comment/__vote/_disabled/comment__vote_disabled.scss
+++ b/web/app/components/comment/__vote/_disabled/comment__vote_disabled.scss
@@ -1,6 +1,6 @@
.comment__vote_disabled {
&, &:hover {
- color: #ededed;
+ border-top-color: #ededed;
cursor: not-allowed;
}
}
diff --git a/web/app/components/comment/__vote/_selected/comment__vote_selected.scss b/web/app/components/comment/__vote/_selected/comment__vote_selected.scss
index 61adba9e..41d8cdce 100644
--- a/web/app/components/comment/__vote/_selected/comment__vote_selected.scss
+++ b/web/app/components/comment/__vote/_selected/comment__vote_selected.scss
@@ -1,4 +1,4 @@
.comment__vote_selected {
- color: #0aa;
+ border-top-color: #0aa;
cursor: default;
}
diff --git a/web/app/components/comment/__vote/_type/_up/comment__vote_type_up.scss b/web/app/components/comment/__vote/_type/_up/comment__vote_type_up.scss
index ac2bb6eb..b09ea2d8 100644
--- a/web/app/components/comment/__vote/_type/_up/comment__vote_type_up.scss
+++ b/web/app/components/comment/__vote/_type/_up/comment__vote_type_up.scss
@@ -1,3 +1,4 @@
.comment__vote_type_up {
+ transform: scale(1, -1);
margin-right: 4px;
}
diff --git a/web/app/components/comment/__vote/comment__vote.scss b/web/app/components/comment/__vote/comment__vote.scss
index 8aa8dc2b..d1a9efa7 100644
--- a/web/app/components/comment/__vote/comment__vote.scss
+++ b/web/app/components/comment/__vote/comment__vote.scss
@@ -1,11 +1,13 @@
.comment__vote {
display: inline-block;
- font-size: 14px;
- line-height: 1;
- color: #dedede;
+ border-top: 9px solid #dedede;
+ border-right: 7px solid transparent;
+ border-left: 7px solid transparent;
+ font-size: 0;
+ line-height: 0;
cursor: pointer;
&:hover {
- color: #0aa;
+ border-top-color: #0aa;
}
}
diff --git a/web/app/components/comment/comment.jsx b/web/app/components/comment/comment.jsx
index 598d40dd..72d6426d 100644
--- a/web/app/components/comment/comment.jsx
+++ b/web/app/components/comment/comment.jsx
@@ -277,8 +277,8 @@ export default class Comment extends Component {
⬆
+ title={isGuest ? 'Only authorized users are allowed to vote' : (isCurrentUser ? 'You can\'t vote for your own comment' : null)}
+ >Vote up
{o.score.sign}{o.score.value}
@@ -288,8 +288,8 @@ export default class Comment extends Component {
⬇
+ title={isGuest ? 'Only authorized users are allowed to vote' : (isCurrentUser ? 'You can\'t vote for your own comment' : null)}
+ >Vote down