Merge branch 'julius-dev' of Software_Engineering_I/greenvironment-frontend into master

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

@@ -17,7 +17,7 @@ $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
@@ -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
+
+

src/manifest.webmanifest

@@ -1,7 +1,7 @@
 {
   "name": "greenvironment",
   "short_name": "greenvironment",
-  "theme_color": "#1976d2",
+  "theme_color": "#8bc34a",
   "background_color": "#fafafa",
   "display": "standalone",
   "scope": "/",