From fb74f9a9b4a1ed2128b8d3ac9e93c3af3aa8a8fd Mon Sep 17 00:00:00 2001
From: Michael Telatynski <7t3chguy@gmail.com>
Date: Thu, 23 Dec 2021 15:48:16 +0000
Subject: [PATCH] Move timestamps into message bubbles (#7417)

---
 res/css/views/rooms/_EventBubbleTile.scss | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/res/css/views/rooms/_EventBubbleTile.scss b/res/css/views/rooms/_EventBubbleTile.scss
index 4a65bad072..adaf66134e 100644
--- a/res/css/views/rooms/_EventBubbleTile.scss
+++ b/res/css/views/rooms/_EventBubbleTile.scss
@@ -20,7 +20,7 @@ limitations under the License.
     --gutterSize: 11px;
     --cornerRadius: 12px;
     --maxWidth: 70%;
-    margin-right: 100px;
+    margin-right: 60px;
 }
 
 .mx_EventTile[data-layout=bubble] {
@@ -113,10 +113,6 @@ limitations under the License.
         .mx_EventTile_line {
             float: right;
             border-bottom-left-radius: var(--cornerRadius);
-            > a {
-                left: auto;
-                right: -68px;
-            }
 
             .mx_MImageBody .mx_MImageBody_thumbnail {
                 border-bottom-left-radius: var(--cornerRadius);
@@ -161,11 +157,13 @@ limitations under the License.
         margin: 0 -12px 0 -9px;
         border-top-left-radius: var(--cornerRadius);
         border-top-right-radius: var(--cornerRadius);
+
         > a {
             position: absolute;
-            padding: 10px 20px;
-            top: 0;
-            left: -68px;
+            padding: 4px 8px;
+            bottom: 0;
+            right: 0;
+            z-index: 1; // above media
         }
 
         //noinspection CssReplaceWithShorthandSafely
@@ -185,6 +183,7 @@ limitations under the License.
 
     .mx_EventTile_line:not(.mx_EventTile_mediaLine) {
         padding: var(--gutterSize);
+        padding-right: 60px; // space for the timestamp
         background: var(--backgroundColor);
     }