added ghost votes to grimoire

src/components/Player.vue

@@ -33,6 +33,14 @@
 
       <Token :role="player.role" @set-role="$emit('set-role')" />
 
+      <font-awesome-icon
+        icon="vote-yea"
+        class="vote"
+        v-if="player.hasDied && !player.hasVoted"
+        @click="updatePlayer('hasVoted', true)"
+        title="Ghost vote"
+      />
+
       <div class="name" @click="changeName">
         <span class="screenshot" @click.stop="takeScreenshot">
           <font-awesome-icon icon="camera" />
@@ -111,6 +119,7 @@ export default {
         }
       } else {
         this.updatePlayer("hasDied", !this.player.hasDied);
+        this.updatePlayer("hasVoted", false);
       }
     },
     changeName() {
@@ -271,6 +280,20 @@ export default {
   transform: perspective(400px) rotateY(-180deg);
 }
 
+/****** Vote icon ********/
+.player .vote {
+  position: absolute;
+  right: 2px;
+  bottom: 45px;
+  color: #fff;
+  filter: drop-shadow(0 0 3px black);
+  cursor: pointer;
+
+  #townsquare.public & {
+    display: none;
+  }
+}
+
 /***** Player name *****/
 .player > .name {
   font-size: 120%;

src/components/TownInfo.vue

@@ -128,7 +128,7 @@ export default {
       color: #ff4a50;
     }
     .votes {
-      color: #1cfff2;
+      color: #fff;
     }
     .townsfolk {
       color: $townsfolk;