From ebda8b19a9136005e249caebb566b0a793eda1fc Mon Sep 17 00:00:00 2001
From: Pascal Precht <pascal.precht@gmail.com>
Date: Tue, 20 Oct 2020 12:11:45 +0200
Subject: [PATCH] fix(Chat): ensure transaction bubbles are render on the
 correct side

Fixes #1198
---
 .../ChatColumn/MessageComponents/TransactionBubble.qml    | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/ui/app/AppLayouts/Chat/ChatColumn/MessageComponents/TransactionBubble.qml b/ui/app/AppLayouts/Chat/ChatColumn/MessageComponents/TransactionBubble.qml
index 5bb26bf7d7..5474bb2d71 100644
--- a/ui/app/AppLayouts/Chat/ChatColumn/MessageComponents/TransactionBubble.qml
+++ b/ui/app/AppLayouts/Chat/ChatColumn/MessageComponents/TransactionBubble.qml
@@ -95,7 +95,8 @@ Item {
 
     id: root
     anchors.left: parent.left
-    anchors.leftMargin: appSettings.compactMode ? Style.current.padding : 48
+    anchors.leftMargin: isCurrentUser ? 0 : 
+      appSettings.compactMode ? Style.current.padding : 48;
     width: rectangleBubble.width
     height: rectangleBubble.height
 
@@ -109,6 +110,11 @@ Item {
         border.color: Style.current.border
         border.width: 1
 
+        anchors.right: isCurrentUser ? parent.right : undefined 
+        anchors.rightMargin: Style.current.padding
+        anchors.left: !isCurrentUser ? parent.left : undefined 
+        anchors.leftMargin: Style.current.padding
+
         StyledText {
             id: title
             color: Style.current.secondaryText