From 14de625811a511ff87ecd611eb6782d13826e027 Mon Sep 17 00:00:00 2001
From: nicfreeman1209 <nicfreeman1209@gmail.com>
Date: Mon, 3 May 2021 17:22:47 +0100
Subject: [PATCH] avoid clashing with seat icon

---
 src/components/Player.vue | 11 +++++++----
 src/main.js               |  2 +-
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/Player.vue b/src/components/Player.vue
index a0f7489..f484e33 100644
--- a/src/components/Player.vue
+++ b/src/components/Player.vue
@@ -97,11 +97,14 @@
         @click="updatePlayer('isVoteless', true)"
         title="Ghost vote"
       />
+
+      <!-- On block icon -->
       <font-awesome-icon
-        icon="crosshairs"
+        icon="skull"
         v-if="player.isOnBlock"
         class="on-block"
       />
+
       <div
         class="name"
         @click="isMenuOpen = !isMenuOpen"
@@ -143,7 +146,7 @@
                 Swap seats
               </li>
               <li @click="toggleOnBlock()">
-                <font-awesome-icon icon="crosshairs" />
+                <font-awesome-icon icon="skull" />
                 {{ player.isOnBlock ? "Take off block" : "Put on block" }}
               </li>
               <li @click="nominatePlayer()">
@@ -619,8 +622,8 @@ li.move:not(.from) .player .overlay svg.move {
 
 .on-block {
   position: absolute;
-  margin-top: -15%;
-  left: 3px;
+  margin-top: -95%;
+  right: 2px;
   color: darkred;
 }
 
diff --git a/src/main.js b/src/main.js
index 35c7fc6..9d7af31 100644
--- a/src/main.js
+++ b/src/main.js
@@ -16,7 +16,6 @@ const faIcons = [
   "CloudMoon",
   "Cog",
   "Copy",
-  "Crosshairs",
   "Dice",
   "Dragon",
   "ExchangeAlt",
@@ -36,6 +35,7 @@ const faIcons = [
   "RedoAlt",
   "SearchMinus",
   "SearchPlus",
+  "Skull",
   "Square",
   "TheaterMasks",
   "Times",