From 16546f1496163a8af99f49900d297958a13cf863 Mon Sep 17 00:00:00 2001
From: 10G Meow <10gmeow@gmail.com>
Date: Sun, 6 Mar 2022 14:28:16 +0200
Subject: [PATCH] reply close button moved to right side

---
 src/components/Chat.vue | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/components/Chat.vue b/src/components/Chat.vue
index 521f296..4d20a4e 100644
--- a/src/components/Chat.vue
+++ b/src/components/Chat.vue
@@ -135,17 +135,6 @@
 
         <v-row class="ma-0 pa-0">
           <div v-if="replyToEvent" class="row">
-            <div class="col col-auto">
-              <v-btn
-                fab
-                small
-                elevation="0"
-                color="black"
-                @click.stop="cancelEditReply"
-              >
-                <v-icon color="white">cancel</v-icon>
-              </v-btn>
-            </div>
             <div class="col">
               <div class="font-weight-medium">{{ $t("message.replying_to", { user: replyToEvent.sender.name }) }}</div>
               <div v-if="replyToContentType === 'm.text'"> {{ replyToEvent.getContent().body }} </div>
@@ -169,6 +158,17 @@
                 src="@/assets/icons/video_message.svg"
               />
             </div>
+            <div class="col col-auto">
+              <v-btn
+                fab
+                small
+                elevation="0"
+                color="black"
+                @click.stop="cancelEditReply"
+              >
+                <v-icon color="white">cancel</v-icon>
+              </v-btn>
+            </div>
           </div>
 
           <!-- CONTACT IS TYPING -->