From 9e9a6b63e650ac572475fd8910bbb984399b9e83 Mon Sep 17 00:00:00 2001
From: Suguru Hirahara <luixxiul@users.noreply.github.com>
Date: Fri, 1 Mar 2024 09:06:35 -0500
Subject: [PATCH] Align avatar inside ReplyChain (ReplyTile)

---
 res/css/_sc/views/rooms/_IRClayout.pcss | 23 +++++++++++++++++------
 1 file changed, 17 insertions(+), 6 deletions(-)

diff --git a/res/css/_sc/views/rooms/_IRClayout.pcss b/res/css/_sc/views/rooms/_IRClayout.pcss
index eea756f3204..d6e1531c02c 100644
--- a/res/css/_sc/views/rooms/_IRClayout.pcss
+++ b/res/css/_sc/views/rooms/_IRClayout.pcss
@@ -57,12 +57,23 @@ limitations under the License.
     }
 }
 
-@define-mixin sc_ReplyTile {
-    .mx_ReplyChain {
-        .mx_DisambiguatedProfile {
-            --cpd-font-body-md-regular: var(--line-height); /* Fix the line-height value specified with Compound for IRC layout */
+@define-mixin sc_ReplyChain {
+    .mx_ReplyChain_wrapper {
+        /* "In reply to" line */
+        blockquote:first-of-type {
+            padding-bottom: 2px; /* Add padding between "In reply to" line and the replied content */
+        }
+
+        .mx_ReplyChain {
+            .mx_ReplyTile {
+                padding-block: unset; /* Unset the inherited value */
+            }
 
-            display: unset; /* Unset the inherited value */
+            .mx_DisambiguatedProfile {
+                --cpd-font-body-md-regular: var(--line-height); /* Fix the line-height value specified with Compound for IRC layout */
+
+                display: unset; /* Unset the inherited value */
+            }
         }
     }
 }
@@ -110,7 +121,7 @@ limitations under the License.
             @mixin sc_DisambiguatedProfile;
             @mixin sc_BaseAvatar;
             @mixin sc_borderRadius;
-            @mixin sc_ReplyTile;
+            @mixin sc_ReplyChain;
         }
     }
 }