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" > -

Select the roles for {{ nontravelerPlayers }} players:

+

Select the characters for {{ nontravelerPlayers }} players:

- 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.
nontravelerPlayers || !selectedRoles }" > - Assign {{ selectedRoles }} roles randomly + + Assign {{ selectedRoles }} characters randomly
- Randomize roles + + Shuffle roles
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 @@ -

Choose a new role:

+

Choose a new character: