From f367d617c506325237b4f56b76a97819e5f715f8 Mon Sep 17 00:00:00 2001
From: Ayush PS <ayushpratap16@gmail.com>
Date: Fri, 7 May 2021 14:37:28 +0530
Subject: [PATCH] Added the extra classes

---
 res/css/views/rooms/_EventTile.scss     | 7 +++++++
 src/components/views/rooms/EventTile.js | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/res/css/views/rooms/_EventTile.scss b/res/css/views/rooms/_EventTile.scss
index 5e110f9c6d..35a5d8fc15 100644
--- a/res/css/views/rooms/_EventTile.scss
+++ b/res/css/views/rooms/_EventTile.scss
@@ -123,11 +123,18 @@ $left-gutter: 64px;
     .mx_EventTile_line {
         margin-right: 0;
         grid-column: 1 / 3;
+        // override default padding of mx_EventTile_line so that we can be centered
+        padding: 0 !important;
     }
 
     .mx_EventTile_msgOption {
         grid-column: 2;
     }
+
+    .hidden {
+        // override the overriden padding for hidden events
+        padding-left: 64px !important;
+    }
 }
 
 .mx_EventTile_reply {
diff --git a/src/components/views/rooms/EventTile.js b/src/components/views/rooms/EventTile.js
index f6fb83c064..9e8f66705c 100644
--- a/src/components/views/rooms/EventTile.js
+++ b/src/components/views/rooms/EventTile.js
@@ -1101,7 +1101,7 @@ export default class EventTile extends React.Component {
                         { ircTimestamp }
                         { sender }
                         { ircPadlock }
-                        <div className="mx_EventTile_line">
+                        <div className={`mx_EventTile_line ${ isBubbleMessage && tileHandler == "messages.ViewSourceEvent" ? "hidden" : ""}`}>
                             { groupTimestamp }
                             { groupPadlock }
                             { thread }