From 0f3c1b469c7b58421e4dee2ae92b24a95549197f Mon Sep 17 00:00:00 2001
From: Michael Telatynski <7t3chguy@gmail.com>
Date: Tue, 4 Jan 2022 10:43:14 +0000
Subject: [PATCH 1/2] Make files & voice memos in bubble layout match colouring
 of other messages

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

diff --git a/res/css/views/rooms/_EventBubbleTile.scss b/res/css/views/rooms/_EventBubbleTile.scss
index adaf66134e8..0d119986368 100644
--- a/res/css/views/rooms/_EventBubbleTile.scss
+++ b/res/css/views/rooms/_EventBubbleTile.scss
@@ -147,6 +147,10 @@ limitations under the License.
             right: -35px;
         }
 
+        .mx_MediaBody {
+            background: $eventbubble-self-bg;
+        }
+
         --backgroundColor: $eventbubble-self-bg;
     }
 

From 68ae8a55522c7ec6d4f2a84b1f320d15d7187a36 Mon Sep 17 00:00:00 2001
From: Michael Telatynski <7t3chguy@gmail.com>
Date: Tue, 11 Jan 2022 15:26:25 +0000
Subject: [PATCH 2/2] Leave space for timestamp in bubble layout media pills

---
 res/css/views/rooms/_EventBubbleTile.scss | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/res/css/views/rooms/_EventBubbleTile.scss b/res/css/views/rooms/_EventBubbleTile.scss
index 0d119986368..b12cfdb6112 100644
--- a/res/css/views/rooms/_EventBubbleTile.scss
+++ b/res/css/views/rooms/_EventBubbleTile.scss
@@ -95,6 +95,11 @@ limitations under the License.
         z-index: 9; // above the avatar
     }
 
+    .mx_MediaBody {
+        // leave space for the timestamp
+        padding-right: 48px;
+    }
+
     &[data-self=false] {
         .mx_EventTile_line {
             border-bottom-right-radius: var(--cornerRadius);