From f670193fba909a28881a52c391f4c70cb5113ff2 Mon Sep 17 00:00:00 2001
From: Dave <d.garnar@uk.cdw.com>
Date: Sun, 28 Feb 2021 13:26:58 +0000
Subject: [PATCH] added a max width and overflow hidden to the pronouns tooltip
 to stop it getting too long

---
 src/components/Player.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/Player.vue b/src/components/Player.vue
index 82586c3..deb9839 100644
--- a/src/components/Player.vue
+++ b/src/components/Player.vue
@@ -675,6 +675,7 @@ li.move:not(.from) .player .overlay svg.move {
   .pronouns {
     display: inline-flex;
     position: absolute;
+    max-width: 250px;
     padding: 5px 10px;
     left: 110%;
     font-size: 80%;
@@ -687,6 +688,7 @@ li.move:not(.from) .player .overlay svg.move {
     align-content: center;
     align-items: center;
     pointer-events: none;
+    overflow: hidden;
     opacity: 0;
     transition: opacity 200ms ease-in-out;