From ffc73c59b49d9a8f8c82968559e8b9787ae6f335 Mon Sep 17 00:00:00 2001
From: Bruno Windels <brunow@matrix.org>
Date: Tue, 13 Nov 2018 09:15:43 +0100
Subject: [PATCH] make padding and DOM more like event tile

---
 res/css/views/rooms/_WhoIsTypingTile.scss     | 4 ++--
 src/components/views/rooms/WhoIsTypingTile.js | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/res/css/views/rooms/_WhoIsTypingTile.scss b/res/css/views/rooms/_WhoIsTypingTile.scss
index 7e62d95f56..69492bd120 100644
--- a/res/css/views/rooms/_WhoIsTypingTile.scss
+++ b/res/css/views/rooms/_WhoIsTypingTile.scss
@@ -16,7 +16,7 @@ limitations under the License.
 
 .mx_WhoIsTypingTile {
     margin-left: -18px; //offset padding from mx_RoomView_MessageList to center avatars
-    height: 40px;
+    padding-top: 18px;
     display: flex;
     align-items: center;
 }
@@ -79,6 +79,6 @@ limitations under the License.
 .mx_MatrixChat_useCompactLayout {
 
     .mx_WhoIsTypingTile {
-        height: 35px;
+        padding-top: 4px;
     }
 }
diff --git a/src/components/views/rooms/WhoIsTypingTile.js b/src/components/views/rooms/WhoIsTypingTile.js
index ee383575c4..43dfa5e30e 100644
--- a/src/components/views/rooms/WhoIsTypingTile.js
+++ b/src/components/views/rooms/WhoIsTypingTile.js
@@ -118,14 +118,14 @@ module.exports = React.createClass({
         const EmojiText = sdk.getComponent('elements.EmojiText');
 
         return (
-            <div className="mx_WhoIsTypingTile">
+            <li className="mx_WhoIsTypingTile">
                 <div className="mx_WhoIsTypingTile_avatars">
                     { this._renderTypingIndicatorAvatars(this.props.whoIsTypingLimit) }
                 </div>
                 <div className="mx_WhoIsTypingTile_label">
                     <EmojiText>{ typingString }</EmojiText>
                 </div>
-            </div>
+            </li>
         );
     },
 });