A bit of css for the content-list and content-card

src/views/messages/PostMessage.vue

@@ -4,7 +4,7 @@
 
     <div class="flex flex-row">
 
-      <div class="px-1 content-center">
+      <div class="mx-2 content-center">
         <img src="/images/usersmedia/anonyme/profilepictures/profileAnonymeSquare.png"
              alt="Profile Image"
              class="rounded-full"
@@ -23,9 +23,9 @@
 
     </div>
 
-    <div class="flex flex-row gap-2 p-2 justify-end">
-      <v-btn style="border-radius: 20px" variant="text">Annuler</v-btn>
-      <v-btn style="border-radius: 20px" @click="publish">Commenter</v-btn>
+    <div class="flex flex-row gap-2 mt-2 justify-end">
+      <v-btn variant="plain">Annuler</v-btn>
+      <v-btn variant="tonal" @click="publish">Commenter</v-btn>
     </div>
 
   </div>
@@ -33,7 +33,6 @@
 </template>
 
 <script setup>
-// import posts from "@/views/posts/posts.json";
 
 import {useClient} from '@/plugins/api.js';
 import {defineProps, ref} from 'vue';
@@ -57,5 +56,4 @@ const publish = async () => {
       });
 }
 
-
-</script>
+</script>