From 30cab7818459a8cf3994b88a3b0c0d718f4360cf Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Sat, 31 Aug 2024 00:56:03 -0400
Subject: [PATCH] I have modified the buttons on the card to edit a message.I
 reversed the order of the buttons and changed their position.

---
 src/views/creators/CreatorBanner.vue |  3 +--
 src/views/messages/Message.vue       | 15 ++++++++-------
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/views/creators/CreatorBanner.vue b/src/views/creators/CreatorBanner.vue
index 7ea1ad0..088507d 100644
--- a/src/views/creators/CreatorBanner.vue
+++ b/src/views/creators/CreatorBanner.vue
@@ -24,8 +24,7 @@
       </div>
 
       <!--Banner-->
-      <div class="relative">
-        <!--Banner-->
+      <div class="relative">       
         <div>
           <img class=" w-full drop-shadow-[0_15px_10px_rgba(0,0,0,0.35)]"
                :src="creator.images.banner"
diff --git a/src/views/messages/Message.vue b/src/views/messages/Message.vue
index 608b558..0421865 100644
--- a/src/views/messages/Message.vue
+++ b/src/views/messages/Message.vue
@@ -57,25 +57,26 @@
                 @keyup.enter="acceptChanges"
             ></v-textarea>
 
-            <div class="flex flex-col px-2 space-y-1">
-              <v-btn variant="plain" @click="acceptChanges">
-                <v-icon>mdi-check</v-icon>
-              </v-btn>
+            <div class="flex flex-row px-2 space-y-1 align-center">
               <v-btn variant="plain" @click="cancel">
                 <v-icon class="rounded-full">mdi-cancel</v-icon>
               </v-btn>
+              <v-btn variant="plain" @click="acceptChanges">
+                <v-icon>mdi-check</v-icon>
+              </v-btn>
             </div>
           </div>
         </div>
       </div>
     </div>
   </div>
-  <must-be-logged v-model="loginModal" message="Vous devez être connecté pour supprimer ou modifier un commentaire."></must-be-logged>
+  <must-be-logged v-model="loginModal"
+                  message="Vous devez être connecté pour supprimer ou modifier un commentaire."></must-be-logged>
 </template>
 
 <script setup>
 import {ref, watch, onMounted, onBeforeUnmount, computed} from "vue";
-import { time_ago } from "@/internal_time_ago.js";
+import {time_ago} from "@/internal_time_ago.js";
 import MustBeLogged from "@/views/MustBeLogged.vue";
 import {useAuthStore} from "@/stores/authStore.js";
 import {useClient} from "@/plugins/api.js";
@@ -104,7 +105,7 @@ function editMessage(message) {
   editMessageValue.value = message.value;
 }
 
-const acceptChanges = async() => {
+const acceptChanges = async () => {
   props.message.value = editMessageValue.value;
   isEditMessage.value = false;