From 18d897298d70ef36240d521f94e63985ec8ec974 Mon Sep 17 00:00:00 2001
From: Bruno Windels <brunow@matrix.org>
Date: Tue, 5 Mar 2019 14:49:07 +0100
Subject: [PATCH 1/2] ensure flair is 16px high

so it doesn't push the message down
---
 res/css/views/rooms/_EventTile.scss | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/res/css/views/rooms/_EventTile.scss b/res/css/views/rooms/_EventTile.scss
index c24502e7e1..42eab24051 100644
--- a/res/css/views/rooms/_EventTile.scss
+++ b/res/css/views/rooms/_EventTile.scss
@@ -58,12 +58,16 @@ limitations under the License.
 .mx_EventTile .mx_SenderProfile .mx_Flair {
     opacity: 0.7;
     margin-left: 5px;
-}
+    display: inline-block;
+    vertical-align: top;
+    height: 16px;
+    overflow: hidden;
 
-.mx_EventTile .mx_SenderProfile .mx_Flair img {
-    vertical-align: -2px;
-    margin-right: 2px;
-    border-radius: 8px;
+    img {
+        vertical-align: -2px;
+        margin-right: 2px;
+        border-radius: 8px;
+    }
 }
 
 .mx_EventTile .mx_MessageTimestamp {

From 624572daa913646512edf49eef04c9e25bf5627f Mon Sep 17 00:00:00 2001
From: Bruno Windels <brunow@matrix.org>
Date: Tue, 5 Mar 2019 14:50:39 +0100
Subject: [PATCH 2/2] show flair container when no profiles loaded to ensure
 same height

---
 src/components/views/elements/Flair.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/views/elements/Flair.js b/src/components/views/elements/Flair.js
index 76566e8c4d..aa629794ba 100644
--- a/src/components/views/elements/Flair.js
+++ b/src/components/views/elements/Flair.js
@@ -117,7 +117,7 @@ export default class Flair extends React.Component {
 
     render() {
         if (this.state.profiles.length === 0) {
-            return <div />;
+            return <span className="mx_Flair" />;
         }
         const avatars = this.state.profiles.map((profile, index) => {
             return <FlairAvatar key={index} groupProfile={profile} />;