From 091eb33f35591153ddb1dcc5f39dbc279df0fd93 Mon Sep 17 00:00:00 2001
From: igoradamenko <mail@igoradamenko.com>
Date: Sat, 12 May 2018 13:23:30 +0300
Subject: [PATCH] revert "change vote arrows", because windows can't render
 them beautifully

---
 .../__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, 13 insertions(+), 10 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 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 {
               <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' : 'Vote up')}
-              >⬆</span>
+                title={isGuest ? 'Only authorized users are allowed to vote' : (isCurrentUser ? 'You can\'t vote for your own comment' : null)}
+              >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' : 'Vote down')}
-              >⬇</span>
+                title={isGuest ? 'Only authorized users are allowed to vote' : (isCurrentUser ? 'You can\'t vote for your own comment' : null)}
+              >Vote down</span>
             </span>
           </div>