right-align reactions of right-aligned bubbles

2 files changed, 4 insertions, 3 deletions

diff --git a/resources/qml/Reactions.qml b/resources/qml/Reactions.qml

index cb2bcb24..aaf32647 100644
--- a/resources/qml/Reactions.qml
+++ b/resources/qml/Reactions.qml
@@ -19,8 +19,6 @@ Flow {
     property string eventId
     property alias reactions: repeater.model
 
-    anchors.left: parent.left
-    anchors.right: parent.right
     spacing: 4
 
     Repeater {
diff --git a/resources/qml/TimelineRow.qml b/resources/qml/TimelineRow.qml

index 8b34c1ee..7ebcdf7e 100644
--- a/resources/qml/TimelineRow.qml
+++ b/resources/qml/TimelineRow.qml
@@ -247,8 +247,11 @@ Item {
         anchors {
             top: row.bottom
             topMargin: -2
-            left: row.left
+            left: row.bubbleOnRight? undefined : row.left
+            right: row.bubbleOnRight? row.right : undefined
         }
+        width: row.maxWidth
+        layoutDirection: row.bubbleOnRight? Qt.RightToLeft : Qt.LeftToRight
 
         id: reactionRow