From 11d85f167bbffcd017fd6e9d4e545f2a2628ae7a Mon Sep 17 00:00:00 2001
From: Jorik Schellekens <joriksch@gmail.com>
Date: Wed, 10 Jun 2020 15:21:36 +0100
Subject: [PATCH 1/2] Fix read-receipt alignment

---
 res/css/views/rooms/_GroupLayout.scss | 6 +++---
 res/css/views/rooms/_IRCLayout.scss   | 4 ++++
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/res/css/views/rooms/_GroupLayout.scss b/res/css/views/rooms/_GroupLayout.scss
index de4a5538cd..44eb8c1e89 100644
--- a/res/css/views/rooms/_GroupLayout.scss
+++ b/res/css/views/rooms/_GroupLayout.scss
@@ -108,12 +108,12 @@ $left-gutter: 65px;
             top: 27px;
         }
 
-        .mx_EventTile_continuation .mx_EventTile_readAvatars,
-        .mx_EventTile_emote .mx_EventTile_readAvatars {
+        &.mx_EventTile_continuation .mx_EventTile_readAvatars,
+        &.mx_EventTile_emote .mx_EventTile_readAvatars {
             top: 5px;
         }
 
-        .mx_EventTile_info .mx_EventTile_readAvatars {
+        &.mx_EventTile_info .mx_EventTile_readAvatars {
             top: 4px;
         }
 
diff --git a/res/css/views/rooms/_IRCLayout.scss b/res/css/views/rooms/_IRCLayout.scss
index a8eb35eeed..f2c7fab9f1 100644
--- a/res/css/views/rooms/_IRCLayout.scss
+++ b/res/css/views/rooms/_IRCLayout.scss
@@ -43,6 +43,10 @@ $irc-line-height: $font-18px;
         > .mx_EventTile_msgOption {
             order: 5;
             flex-shrink: 0;
+
+            .mx_EventTile_readAvatars {
+                top: 7px;
+            }
         }
 
         > .mx_SenderProfile {

From b36d7d48cc38df43bb39d6d1a4e0a0ff2d511a6b Mon Sep 17 00:00:00 2001
From: Jorik Schellekens <joriksch@gmail.com>
Date: Thu, 11 Jun 2020 10:36:52 +0100
Subject: [PATCH 2/2] Center read reaceipts on irc-ui

---
 res/css/views/rooms/_IRCLayout.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/res/css/views/rooms/_IRCLayout.scss b/res/css/views/rooms/_IRCLayout.scss
index f2c7fab9f1..9f8d684c96 100644
--- a/res/css/views/rooms/_IRCLayout.scss
+++ b/res/css/views/rooms/_IRCLayout.scss
@@ -45,7 +45,7 @@ $irc-line-height: $font-18px;
             flex-shrink: 0;
 
             .mx_EventTile_readAvatars {
-                top: 7px;
+                top: 0.2rem; // ($irc-line-height - avatar height) / 2
             }
         }
 
@@ -82,7 +82,7 @@ $irc-line-height: $font-18px;
             align-items: center;
 
             // Need to use important to override the js provided height and width values.
-            > .mx_BaseAvatar, .mx_BaseAvatar > * {
+            > .mx_BaseAvatar, > .mx_BaseAvatar > * {
                 height: $font-14px !important;
                 width: $font-14px !important;
                 font-size: $font-10px !important;