From 3bd14e0a403e46db41b69635387913f4edb84a83 Mon Sep 17 00:00:00 2001
From: igoradamenko <mail@igoradamenko.com>
Date: Sat, 12 May 2018 13:04:16 +0300
Subject: [PATCH] change vote arrows

---
 .../__vote/_disabled/comment__vote_disabled.scss       |  2 +-
 .../__vote/_selected/comment__vote_selected.scss       |  2 +-
 .../__vote/_type/_up/comment__vote_type_up.scss        |  1 -
 web/app/components/comment/__vote/comment__vote.scss   | 10 ++++------
 web/app/components/comment/comment.jsx                 |  8 ++++----
 5 files changed, 10 insertions(+), 13 deletions(-)

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 820a3300..c82a5001 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 {
-    border-top-color: #ededed;
+    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 41d8cdce..61adba9e 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 {
-  border-top-color: #0aa;
+  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 b09ea2d8..ac2bb6eb 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,4 +1,3 @@
 .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 d1a9efa7..8aa8dc2b 100644
--- a/web/app/components/comment/__vote/comment__vote.scss
+++ b/web/app/components/comment/__vote/comment__vote.scss
@@ -1,13 +1,11 @@
 .comment__vote {
   display: inline-block;
-  border-top: 9px solid #dedede;
-  border-right: 7px solid transparent;
-  border-left: 7px solid transparent;
-  font-size: 0;
-  line-height: 0;
+  font-size: 14px;
+  line-height: 1;
+  color: #dedede;
   cursor: pointer;
 
   &:hover {
-    border-top-color: #0aa;
+    color: #0aa;
   }
 }
diff --git a/web/app/components/comment/comment.jsx b/web/app/components/comment/comment.jsx
index 72d6426d..598d40dd 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 {
               <span
                 className={b('comment__vote', {}, { type: 'up', selected: scoreIncreased, disabled: isGuest || isCurrentUser })}
                 onClick={this.increaseScore}
-                title={isGuest ? 'Only authorized users are allowed to vote' : (isCurrentUser ? 'You can\'t vote for your own comment' : null)}
-              >Vote up</span>
+                title={isGuest ? 'Only authorized users are allowed to vote' : (isCurrentUser ? 'You can\'t vote for your own comment' : 'Vote up')}
+              >⬆</span>
 
               <span className="comment__score-value">
                 {o.score.sign}{o.score.value}
@@ -288,8 +288,8 @@ export default class Comment extends Component {
               <span
                 className={b('comment__vote', {}, { type: 'down', selected: scoreDecreased, disabled: isGuest || isCurrentUser })}
                 onClick={this.decreaseScore}
-                title={isGuest ? 'Only authorized users are allowed to vote' : (isCurrentUser ? 'You can\'t vote for your own comment' : null)}
-              >Vote down</span>
+                title={isGuest ? 'Only authorized users are allowed to vote' : (isCurrentUser ? 'You can\'t vote for your own comment' : 'Vote down')}
+              >⬇</span>
             </span>
           </div>