From a915d14c89c4e91e259336dbf0c9b2b831a7f5ac Mon Sep 17 00:00:00 2001
From: Trivernis <trivernis@gmail.com>
Date: Mon, 20 Jan 2020 08:32:22 +0100
Subject: [PATCH 1/2] Add site-margin to posts and change theme color

---
 src/app/components/feed/postlist/postlist.component.sass | 4 ++--
 src/manifest.webmanifest                                 | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/components/feed/postlist/postlist.component.sass b/src/app/components/feed/postlist/postlist.component.sass
index 8f290b6..69319ca 100644
--- a/src/app/components/feed/postlist/postlist.component.sass
+++ b/src/app/components/feed/postlist/postlist.component.sass
@@ -17,13 +17,13 @@ $mat-card-header-size: 40px !default
 
   .mat-card-content
     overflow: auto
-    margin: 0
+    margin: 0 1em
     ::ng-deep a
       color: $primary-color
   .mat-card-actions
     padding: 0
 
-  ::ng-deep p 
+  ::ng-deep p
     margin: 0
 
   a:hover
diff --git a/src/manifest.webmanifest b/src/manifest.webmanifest
index 0aa39e6..a8b0aa9 100644
--- a/src/manifest.webmanifest
+++ b/src/manifest.webmanifest
@@ -1,7 +1,7 @@
 {
   "name": "greenvironment",
   "short_name": "greenvironment",
-  "theme_color": "#1976d2",
+  "theme_color": "#8bc34a",
   "background_color": "#fafafa",
   "display": "standalone",
   "scope": "/",

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 2/2] 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
+
+