From 31e43f5eef625b7fc222f670ddecc089508fcae3 Mon Sep 17 00:00:00 2001
From: Mohamed amaan <mohamedamaan319@gmail.com>
Date: Wed, 12 Feb 2025 00:29:51 +0530
Subject: [PATCH] avatar, username and time added in a single row

---
 .../Resource/ResourceCommentSection.tsx       | 24 +++++++++----------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/components/Resource/ResourceCommentSection.tsx b/src/components/Resource/ResourceCommentSection.tsx
index 9e502a6e7d1..ca8525ca551 100644
--- a/src/components/Resource/ResourceCommentSection.tsx
+++ b/src/components/Resource/ResourceCommentSection.tsx
@@ -149,23 +149,23 @@ export const Comment = ({
           />
         </div>
       </TooltipComponent>
-      <div className="flex flex-col items-start flex-grow">
-        <p className="text-xs space-x-2 mb-1">
-          <span className="text-gray-700 font-medium">
+      <div className="flex flex-col flex-grow mt-1">
+        <div className="flex items-center justify-between w-full">
+          <span className="text-gray-700 font-medium text-xs md:text-sm">
             {formatName(created_by)}
           </span>
-        </p>
-        <div className="break-words whitespace-pre-wrap">
+          <time
+            className="text-gray-500 text-xs"
+            dateTime={created_date}
+            title={formatDateTime(created_date)}
+          >
+            {relativeTime(created_date)}
+          </time>
+        </div>
+        <div className="break-words whitespace-pre-wrap mt-1">
           <Markdown content={comment} />
         </div>
       </div>
-      <time
-        className="text-gray-500 text-xs"
-        dateTime={created_date}
-        title={formatDateTime(created_date)}
-      >
-        {relativeTime(created_date)}
-      </time>
     </div>
   </div>
 );