Don't allow text to overflow an ambiguity button in the Y direction

Thanks to one of my nephews for submitting something like:

	b̵̩͚̽̀͂͂͑̿͘̕͝u̸̮̅͌g̷̡̢̻̬͎̙͉̳̬͈̑̐̋̃̅ẻ̶̤̜̾̐x̷̦͔͚͙̤̀̀̀̂̕ṣ̷͙̦̘̰̔̾͊̊̍̒͛̄̉̚p̵̡̤̫̹̥̀́́͆ǫ̷̮͚̳̭̘̭̏s̷͔̈́̈͋̿̌̑͛̚̚͘i̸͔͔̾̄͐̓͗͐̌͘ṉ̷̨̭̻͇̥͌̓̕g̴̢̧̖̬͈͇̻͉̯͈̅̔͛̀

in our game last night, which ended up scribbling over the rows above
and below in the judging view. This fix chops things off vertically,
(which doesn't solve the case if someone is _legitimately_ trying to
get such text to appear—we can address that case when it appears).

diff --git a/empathy/empathy.css b/empathy/empathy.css
index 9d458a3cbb7ea71360dfacfbd282135ce3d22463..3ab2fc63fd29f18b78c4b141ebe6d5874b3dc67a 100644 (file)
--- a/empathy/empathy.css
+++ b/empathy/empathy.css
@@ -49,6 +49,7 @@
     border-radius: 10px;
     margin: 0;
     overflow-wrap: break-word;
     border-radius: 10px;
     margin: 0;
     overflow-wrap: break-word;

+    overflow-y: hidden;

 }
 
 .ambiguity-button.selected {
 }
 
 .ambiguity-button.selected {