From 66cdf6729ed3cceed94db40db51b554384ec874b Mon Sep 17 00:00:00 2001
From: Steffen <steffen@baumgart.biz>
Date: Tue, 28 Apr 2020 22:22:28 +0200
Subject: [PATCH] some more icons fixed renamed "role" to "character"

---
 src/components/Player.vue             | 13 ++++++++++---
 src/components/RoleSelectionModal.vue | 12 +++++++-----
 src/components/TownSquare.vue         |  2 +-
 src/main.js                           |  8 ++++++--
 4 files changed, 24 insertions(+), 11 deletions(-)

diff --git a/src/components/Player.vue b/src/components/Player.vue
index 159c9f2..3d2c143 100644
--- a/src/components/Player.vue
+++ b/src/components/Player.vue
@@ -135,6 +135,7 @@ export default {
 .circle .player {
   margin-bottom: 10px;
   padding-top: $token + 6px;
+  padding-bottom: 5px;
 
   .shroud {
     top: 0;
@@ -273,13 +274,19 @@ export default {
   span.screenshot,
   span.remove {
     display: none;
-    margin: 0 5px;
-    flex-shrink: 0;
-    flex-grow: 0;
+    position: absolute;
+    filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.5));
     #app.screenshot & {
       display: none;
     }
   }
+  span.screenshot {
+    right: 100%;
+  }
+  span.remove {
+    left: 100%;
+  }
+
   span.name {
     flex-shrink: 1;
     text-overflow: ellipsis;
diff --git a/src/components/RoleSelectionModal.vue b/src/components/RoleSelectionModal.vue
index f61b873..be43f04 100644
--- a/src/components/RoleSelectionModal.vue
+++ b/src/components/RoleSelectionModal.vue
@@ -5,7 +5,7 @@
     @close="close()"
     v-if="nontravelerPlayers >= 5"
   >
-    <h3>Select the roles for {{ nontravelerPlayers }} players:</h3>
+    <h3>Select the characters for {{ nontravelerPlayers }} players:</h3>
     <ul
       class="tokens"
       v-for="(teamRoles, team) in roleSelection"
@@ -25,8 +25,8 @@
       </li>
     </ul>
     <div class="warning" v-if="hasSelectedSetupRoles">
-      Warning: there are roles selected that modify the game setup! The
-      randomizer does not account for these roles.
+      Warning: there are characters selected that modify the game setup! The
+      randomizer does not account for these characters.
     </div>
     <div class="button-group">
       <div
@@ -36,10 +36,12 @@
           disabled: selectedRoles > nontravelerPlayers || !selectedRoles
         }"
       >
-        Assign {{ selectedRoles }} roles randomly
+        <font-awesome-icon icon="people-arrows" />
+        Assign {{ selectedRoles }} characters randomly
       </div>
       <div class="button" @click="selectRandomRoles">
-        Randomize roles
+        <font-awesome-icon icon="random" />
+        Shuffle roles
       </div>
     </div>
   </Modal>
diff --git a/src/components/TownSquare.vue b/src/components/TownSquare.vue
index 5d0d7d3..b5e8c53 100644
--- a/src/components/TownSquare.vue
+++ b/src/components/TownSquare.vue
@@ -61,7 +61,7 @@
       </ul>
     </Modal>
     <Modal v-show="availableRoles.length && selectedPlayer" @close="closeModal">
-      <h3>Choose a new role:</h3>
+      <h3>Choose a new character:</h3>
       <ul class="tokens">
         <li
           v-for="role in availableRoles"
diff --git a/src/main.js b/src/main.js
index 6106b06..5b24f4b 100644
--- a/src/main.js
+++ b/src/main.js
@@ -15,7 +15,9 @@ import {
   faUsers,
   faVoteYea,
   faCheckSquare,
-  faSquare
+  faSquare,
+  faRandom,
+  faPeopleArrows
 } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 
@@ -33,7 +35,9 @@ library.add(
   faUsers,
   faVoteYea,
   faCheckSquare,
-  faSquare
+  faSquare,
+  faRandom,
+  faPeopleArrows
 );
 
 Vue.component("font-awesome-icon", FontAwesomeIcon);