From 24206a82b61bf76273cb874a5031d8755b8d292d Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Mon, 15 Jul 2024 17:25:54 +0530
Subject: [PATCH] style: comment content new design

---
 frontend/src/components/Activities.vue | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/Activities.vue b/frontend/src/components/Activities.vue
index e7db38f6..a3db0cab 100644
--- a/frontend/src/components/Activities.vue
+++ b/frontend/src/components/Activities.vue
@@ -434,9 +434,9 @@
         ]"
       >
         <div
-          class="z-10 flex h-7 w-7 items-center justify-center bg-white"
+          class="z-10 flex h-8 w-7 items-center justify-center bg-white"
           :class="{
-            'mt-3': [
+            'mt-2.5': [
               'communication',
               'incoming_call',
               'outgoing_call',
@@ -462,7 +462,7 @@
           />
         </div>
       </div>
-      <div v-if="activity.activity_type == 'communication'" class="pb-6">
+      <div v-if="activity.activity_type == 'communication'" class="pb-5 mt-px">
         <div
           class="cursor-pointer rounded-md shadow bg-white px-3 py-1.5 text-base leading-6 transition-all duration-300 ease-in-out"
         >
@@ -556,9 +556,10 @@
         v-else-if="activity.activity_type == 'comment'"
       >
         <div
-          class="mb-0.5 flex items-start justify-stretch gap-2 py-1.5 text-base"
+          class="mb-1 flex items-start justify-stretch gap-2 py-1 text-base"
         >
-          <div class="inline-flex flex-wrap gap-1 text-gray-600">
+          <div class="inline-flex items-center flex-wrap gap-1 text-gray-600">
+            <UserAvatar class="mr-1" :user="activity.owner" size="md" />
             <span class="font-medium text-gray-800">
               {{ activity.owner_name }}
             </span>
@@ -576,7 +577,7 @@
           </div>
         </div>
         <div
-          class="cursor-pointer rounded bg-gray-50 px-4 py-3 text-base leading-6 transition-all duration-300 ease-in-out"
+          class="cursor-pointer rounded bg-gray-50 px-3 py-[7.5px] text-base leading-6 transition-all duration-300 ease-in-out"
         >
           <div class="prose-f" v-html="activity.content" />
           <div