From 64945e93cb226cc8ffcb4a69a78b49fd60958ea5 Mon Sep 17 00:00:00 2001
From: Motohiro OHNO <m-ohno@atware.co.jp>
Date: Fri, 11 Jan 2019 20:51:54 +0900
Subject: [PATCH] =?UTF-8?q?v0.1.8=20=E3=83=AA=E3=82=A2=E3=82=AF=E3=82=B7?=
 =?UTF-8?q?=E3=83=A7=E3=83=B3=E3=81=AE=E6=95=B0=E3=82=92=E8=A1=A8=E7=A4=BA?=
 =?UTF-8?q?=E3=81=99=E3=82=8B=E3=82=88=E3=81=86=E3=81=AB=E3=81=97=E3=81=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/package.json b/package.json
index 4e3aef1..009e7a8 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "typetalk-emoreact",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "description": "",
   "scripts": {
     "build": "rollup --config",
diff --git a/src/view.js b/src/view.js
index 309d9f6..47c3a51 100644
--- a/src/view.js
+++ b/src/view.js
@@ -87,6 +87,11 @@ export const style = html`
       border: 1px solid #ddd;
       border-radius: 5px;
       margin-left: 5px;
+      cursor: pointer;
+
+      display: flex;
+      flex-direction: row;
+      align-items: center;
 
       transition: box-shadow 0.2s linear 0s;
     }
@@ -108,11 +113,13 @@ export const style = html`
     }
 
     .typetalk_emoreact_reaction--emoji__emoji {
-      display: inline-block;
-      font-size: 4em;
-      transform: scale(0.25) translateY(1.1em);
-      margin: -1em -0.333em;
-      cursor: pointer;
+      margin-left: 0.125em;
+    }
+
+    .typetalk_emoreact_reaction--emoji__count {
+      margin-right: 0.125em;
+      font-size: 0.9em;
+      color: #777;
     }
 
     .typetalk_emoreact_reaction--users {
@@ -289,6 +296,9 @@ const reaction = ({ me, message, reaction }, actions, reduce) => {
         <span class="typetalk_emoreact_reaction--emoji__emoji">
           ${reaction.emoji}
         </span>
+        <span class="typetalk_emoreact_reaction--emoji__count">
+          ${reaction.count()}
+        </span>
       </button>
       <div class="typetalk_emoreact_reaction--users">
         ${