From ba7c0f6517b8dc18eff685312214835ac6f06230 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Sat, 11 May 2024 01:32:50 +0100
Subject: [PATCH] UI design on member detail page

---
 .../TeamMemberDetailsPage.tsx                 | 28 ++++++-------------
 1 file changed, 9 insertions(+), 19 deletions(-)

diff --git a/src/components/TeamMemberDetails/TeamMemberDetailsPage.tsx b/src/components/TeamMemberDetails/TeamMemberDetailsPage.tsx
index 3f81831bd..04b0dcf03 100644
--- a/src/components/TeamMemberDetails/TeamMemberDetailsPage.tsx
+++ b/src/components/TeamMemberDetails/TeamMemberDetailsPage.tsx
@@ -90,28 +90,18 @@ export function TeamMemberDetailsPage() {
 
   return (
     <>
-      <div>
-        <div className="flex items-center gap-4">
-          <img
-            src={avatarUrl}
-            alt={memberProgress?.name}
-            className="h-24 w-24 rounded-full"
-          />
-          <div>
-            <MemberRoleBadge
-              className="sm:inline-flex"
-              role={memberProgress?.role!}
-            />
-            <h1 className="mt-1 text-2xl font-medium">
-              {memberProgress?.name}
-            </h1>
-            <p className="text-sm text-gray-500">{memberProgress?.email}</p>
-          </div>
+      <div className="flex items-center gap-3 mb-8">
+        <img
+          src={avatarUrl}
+          alt={memberProgress?.name}
+          className="h-14 w-14 rounded-full"
+        />
+        <div>
+          <h1 className="mt-1 text-2xl font-medium">{memberProgress?.name}</h1>
+          <p className="text-sm text-gray-500">{memberProgress?.email}</p>
         </div>
       </div>
 
-      <hr className="my-8 border-gray-200" />
-
       {memberProgress?.progresses && memberProgress?.progresses?.length > 0 ? (
         <>
           <h2 className="mb-3 text-xs uppercase text-gray-400">