diff --git a/web/app/components/comment/__score-value/comment__score-value.scss b/web/app/components/comment/__score-value/comment__score-value.scss
index 294ea8f4..cb61f7fe 100644
--- a/web/app/components/comment/__score-value/comment__score-value.scss
+++ b/web/app/components/comment/__score-value/comment__score-value.scss
@@ -1,6 +1,7 @@
.comment__score-value {
display: inline-block;
min-width: 24px;
+ vertical-align: middle;
text-align: center;
font-size: 14px;
}
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..aaa0b69b 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;
+ background-image: url('comment__vote_disabled.svg');
cursor: not-allowed;
}
}
diff --git a/web/app/components/comment/__vote/_disabled/comment__vote_disabled.svg b/web/app/components/comment/__vote/_disabled/comment__vote_disabled.svg
new file mode 100644
index 00000000..956b0d8e
--- /dev/null
+++ b/web/app/components/comment/__vote/_disabled/comment__vote_disabled.svg
@@ -0,0 +1,3 @@
+
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..4303f422 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;
+ background-image: url('comment__vote_selected.svg');
cursor: default;
}
diff --git a/web/app/components/comment/__vote/_selected/comment__vote_selected.svg b/web/app/components/comment/__vote/_selected/comment__vote_selected.svg
new file mode 100644
index 00000000..cfd7bdd5
--- /dev/null
+++ b/web/app/components/comment/__vote/_selected/comment__vote_selected.svg
@@ -0,0 +1,3 @@
+
diff --git a/web/app/components/comment/__vote/_type/_down/comment__vote_type_down.scss b/web/app/components/comment/__vote/_type/_down/comment__vote_type_down.scss
index 9ed0ddb4..a89a58f5 100644
--- a/web/app/components/comment/__vote/_type/_down/comment__vote_type_down.scss
+++ b/web/app/components/comment/__vote/_type/_down/comment__vote_type_down.scss
@@ -1,3 +1,4 @@
.comment__vote_type_down {
+ transform: scale(1, -1);
margin-left: 4px;
}
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..d02a21c1 100644
--- a/web/app/components/comment/__vote/comment__vote.scss
+++ b/web/app/components/comment/__vote/comment__vote.scss
@@ -1,13 +1,15 @@
.comment__vote {
display: inline-block;
- border-top: 9px solid #dedede;
- border-right: 7px solid transparent;
- border-left: 7px solid transparent;
+ width: 16px;
+ height: 14px;
+ vertical-align: middle;
font-size: 0;
line-height: 0;
+ background: url('comment__vote.svg') center no-repeat;
+ background-size: contain;
cursor: pointer;
&:hover {
- border-top-color: #0aa;
+ background-image: url('_selected/comment__vote_selected.svg');
}
}
diff --git a/web/app/components/comment/__vote/comment__vote.svg b/web/app/components/comment/__vote/comment__vote.svg
new file mode 100644
index 00000000..12c5ade7
--- /dev/null
+++ b/web/app/components/comment/__vote/comment__vote.svg
@@ -0,0 +1,3 @@
+