From e644ede09e059b5130cd0358f97ee0b9187544fb Mon Sep 17 00:00:00 2001
From: Michael Telatynski <7t3chguy@gmail.com>
Date: Tue, 22 Feb 2022 10:25:44 +0000
Subject: [PATCH] Fix edge case around event list summary layout (#7867)

---
 res/css/views/messages/_ViewSourceEvent.scss | 1 -
 res/css/views/rooms/_EventTile.scss          | 6 ++++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/res/css/views/messages/_ViewSourceEvent.scss b/res/css/views/messages/_ViewSourceEvent.scss
index 8fd12a5e67d..5e288eb19ac 100644
--- a/res/css/views/messages/_ViewSourceEvent.scss
+++ b/res/css/views/messages/_ViewSourceEvent.scss
@@ -19,7 +19,6 @@ limitations under the License.
     opacity: 0.6;
     font-size: $font-12px;
     width: 100%;
-    margin-left: 20px;
 
     pre, code {
         flex: 1;
diff --git a/res/css/views/rooms/_EventTile.scss b/res/css/views/rooms/_EventTile.scss
index 6862a27e8f7..88e34ca75fc 100644
--- a/res/css/views/rooms/_EventTile.scss
+++ b/res/css/views/rooms/_EventTile.scss
@@ -280,6 +280,12 @@ $left-gutter: 64px;
     }
 }
 
+.mx_EventTile:not([data-layout=bubble]).mx_EventTile_info .mx_EventTile_line,
+.mx_GenericEventListSummary:not([data-layout=bubble]) > ol > .mx_EventTile_info .mx_EventTile_avatar ~ .mx_EventTile_line {
+    padding-left: calc($left-gutter + 20px);
+}
+
+.mx_EventTile:not([data-layout=bubble]).mx_EventTile_info .mx_EventTile_line,
 .mx_GenericEventListSummary:not([data-layout=bubble]) .mx_EventTile_line {
     padding-left: $left-gutter;
 }