From 26983db1c027518ba9355b2ecde0d7409fb81e30 Mon Sep 17 00:00:00 2001
From: Trivernis <trivernis@gmail.com>
Date: Mon, 20 Jan 2020 08:52:51 +0100
Subject: [PATCH] Change vote buttons

- Change vote buttons to being thumbs up and down
---
 src/app/components/feed/postlist/postlist.component.html | 8 ++++----
 src/app/components/feed/postlist/postlist.component.sass | 7 +++++++
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/app/components/feed/postlist/postlist.component.html b/src/app/components/feed/postlist/postlist.component.html
index 5e4db88..4667aad 100644
--- a/src/app/components/feed/postlist/postlist.component.html
+++ b/src/app/components/feed/postlist/postlist.component.html
@@ -26,13 +26,13 @@
   </mat-card-content>
   <mat-card-actions>
     <button mat-button (click)="voteUp(post)" matTooltip="vote up" matTooltipShowDelay="500">
-      <mat-icon aria-hidden="false" color="primary" *ngIf="post.userVote == 'UPVOTE'">keyboard_arrow_up</mat-icon>
-      <mat-icon aria-hidden="false" *ngIf="!post.userVote || post.userVote == 'DOWNVOTE'">keyboard_arrow_up</mat-icon>
+      <mat-icon class="voteButton voted" aria-hidden="false" color="primary" *ngIf="post.userVote == 'UPVOTE'">thumb_up</mat-icon>
+      <mat-icon class="voteButton" aria-hidden="false" *ngIf="!post.userVote || post.userVote == 'DOWNVOTE'">thumb_up</mat-icon>
     </button>
     {{post.upvotes}}
     <button mat-button (click)="voteDown(post)" matTooltip="vote down" matTooltipShowDelay="500">
-      <mat-icon aria-hidden="false" color="primary" *ngIf="post.userVote == 'DOWNVOTE'">keyboard_arrow_down</mat-icon>
-      <mat-icon aria-hidden="false" *ngIf="!post.userVote || post.userVote == 'UPVOTE'">keyboard_arrow_down</mat-icon>
+      <mat-icon class="voteButton voted" aria-hidden="false" color="primary" *ngIf="post.userVote == 'DOWNVOTE'">thumb_down</mat-icon>
+      <mat-icon class="voteButton" aria-hidden="false" *ngIf="!post.userVote || post.userVote == 'UPVOTE'">thumb_down</mat-icon>
     </button>
     {{post.downvotes}}
     <div *ngIf="post.activity" class="activity-info">
diff --git a/src/app/components/feed/postlist/postlist.component.sass b/src/app/components/feed/postlist/postlist.component.sass
index 69319ca..786e108 100644
--- a/src/app/components/feed/postlist/postlist.component.sass
+++ b/src/app/components/feed/postlist/postlist.component.sass
@@ -65,3 +65,10 @@ $mat-card-header-size: 40px !default
     .span
       margin-left: 32px
 
+  .voteButton
+    scale: 0.8
+    transition-duration: 0.125s
+    &.voted
+     scale: 0.9
+
+