Fix misaligned timestamps for thread roots which are emotes (#9875)

* Fix misaligned timestamps for thread roots which are emotes * Use cross-browser variant instead of webkit-only variant for fill-available
matrix-org · Jan 11, 2023 · cce506b · cce506b
1 parent 1daa34b
commit cce506b
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/res/css/views/rooms/_EventTile.pcss b/res/css/views/rooms/_EventTile.pcss
@@ -970,6 +970,7 @@ $left-gutter: 64px;
         font-size: $font-12px;
         max-width: var(--MessageTimestamp-max-width);
         position: initial;
+        margin-left: auto; /* to ensure it's end-aligned even if it's the only element of its parent */
     }
 
     &:hover {
@@ -1297,7 +1298,7 @@ $left-gutter: 64px;
 
 .mx_EventTile_details {
     display: flex;
-    width: -webkit-fill-available;
+    width: fill-available;
     align-items: center;
     justify-content: space-between;
     gap: $spacing-8;