From 858251f523333d6aa719d7a7cb3c9639c2a14cdc Mon Sep 17 00:00:00 2001
From: Motohiro OHNO <m-ohno@atware.co.jp>
Date: Fri, 11 Jan 2019 21:01:13 +0900
Subject: [PATCH] =?UTF-8?q?v0.1.9=20=E3=83=AA=E3=82=A2=E3=82=AF=E3=82=B7?=
 =?UTF-8?q?=E3=83=A7=E3=83=B3=E3=81=97=E3=81=9F=E4=BA=BA=E3=81=AE=E5=90=8D?=
 =?UTF-8?q?=E5=89=8D=E3=81=8C=E8=A6=8B=E5=88=87=E3=82=8C=E3=82=8B=E5=95=8F?=
 =?UTF-8?q?=E9=A1=8C=E3=82=92=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json | 2 +-
 src/view.js  | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 009e7a8..12c062d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "typetalk-emoreact",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "",
   "scripts": {
     "build": "rollup --config",
diff --git a/src/view.js b/src/view.js
index 47c3a51..0749553 100644
--- a/src/view.js
+++ b/src/view.js
@@ -130,13 +130,15 @@ export const style = html`
       transition: opacity 0.2s linear 0s;
 
       width: max-content;
-      max-width: 20vw;
+      max-width: 10vw;
 
       background: rgba(80, 80, 80, 0.8);
       padding: 0.5em 1em;
       border-radius: 10px;
       color: white;
       font-size: 0.8em;
+
+      word-break: break-all;
     }
 
     :hover > .typetalk_emoreact_reaction--users {
@@ -304,7 +306,7 @@ const reaction = ({ me, message, reaction }, actions, reduce) => {
         ${
           Array.from(reaction.users)
             .map(u => u.name)
-            .join(',')
+            .join(', ')
         }
       </div>
     </div>