Change vote buttons

- Change vote buttons to being thumbs up and down

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">

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
+
+