From 01f0b8fed60c94effefcaca84e1973726ddea9ce Mon Sep 17 00:00:00 2001
From: Ananya <ananyagupt2006@gmail.com>
Date: Tue, 5 Aug 2025 02:27:11 +0530
Subject: [PATCH 1/3] profile page changes

---
 components/profile/experience-section.tsx    | 6 +++++-
 components/profile/export-profile-button.tsx | 4 ++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/components/profile/experience-section.tsx b/components/profile/experience-section.tsx
index 1a5a5e1..cebae2c 100644
--- a/components/profile/experience-section.tsx
+++ b/components/profile/experience-section.tsx
@@ -8,6 +8,7 @@ interface Experience {
   id: string;
   title: string;
   company: string;
+  role: string;
   start_date: string;
   end_date: string | null;
   description: string;
@@ -40,7 +41,10 @@ export function ExperienceSection({ experiences, isEditable }: ExperienceSection
           <div key={experience.id} className="border-b border-gray-800 pb-4 last:border-0 last:pb-0">
             <h3 className="text-base font-semibold text-white">{experience.title}</h3>
             <p className="text-green-400 text-sm mt-1">{experience.company}</p>
-            <p className="text-gray-400 text-xs mt-1">{dateRange}</p>
+            <p className="text-xs mt-1 flex justify-between">
+              <span className="text-gray-400">{experience.role}</span>
+              <span className="text-gray-400">{dateRange}</span>
+            </p>
             {experience.description && (
               <ul className="list-disc list-inside text-gray-300 text-sm mt-2 space-y-1">
                 {experience.description
diff --git a/components/profile/export-profile-button.tsx b/components/profile/export-profile-button.tsx
index 4bb3241..f3cf6b2 100644
--- a/components/profile/export-profile-button.tsx
+++ b/components/profile/export-profile-button.tsx
@@ -197,9 +197,9 @@ try {
   };
   
   return (
-    <div className="flex items-center gap-2">
+    <div className="flex flex-col sm:flex-row items-center gap-2 w-full sm:w-auto">
       <Dialog open={emailDialogOpen} onOpenChange={setEmailDialogOpen}>
-        <Button onClick={handleSendEmail} className="bg-green-500 mr-4 hover:bg-green-600 gap-2">
+        <Button onClick={handleSendEmail} className="bg-green-500 hover:bg-green-600 gap-2">
               <Mail className="h-4 w-4 mr-2" />
               Send Email
             </Button>

From 15e3527da55c3bb6e2560f7cf58d39c7d118fb2a Mon Sep 17 00:00:00 2001
From: Ananya <ananyagupt2006@gmail.com>
Date: Tue, 5 Aug 2025 02:32:06 +0530
Subject: [PATCH 2/3] profile page changes

---
 components/profile/experience-section.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/profile/experience-section.tsx b/components/profile/experience-section.tsx
index cebae2c..b6b9d5c 100644
--- a/components/profile/experience-section.tsx
+++ b/components/profile/experience-section.tsx
@@ -41,9 +41,9 @@ export function ExperienceSection({ experiences, isEditable }: ExperienceSection
           <div key={experience.id} className="border-b border-gray-800 pb-4 last:border-0 last:pb-0">
             <h3 className="text-base font-semibold text-white">{experience.title}</h3>
             <p className="text-green-400 text-sm mt-1">{experience.company}</p>
-            <p className="text-xs mt-1 flex justify-between">
-              <span className="text-gray-400">{experience.role}</span>
-              <span className="text-gray-400">{dateRange}</span>
+            <p className="text-xs text-gray-400 mt-1 flex justify-between">
+              <span>{experience.role}</span>
+              <span>{dateRange}</span>
             </p>
             {experience.description && (
               <ul className="list-disc list-inside text-gray-300 text-sm mt-2 space-y-1">

From fe1dc36e2fe51d0bcc7a11cf9b112fd33a795bd1 Mon Sep 17 00:00:00 2001
From: Ananya <ananyagupt2006@gmail.com>
Date: Tue, 5 Aug 2025 03:59:59 +0530
Subject: [PATCH 3/3] profile page changes

---
 app/profile/[id]/page.tsx                    | 6 +++---
 components/profile/edit-profile-button.tsx   | 4 ++--
 components/profile/export-profile-button.tsx | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/app/profile/[id]/page.tsx b/app/profile/[id]/page.tsx
index 978c393..ddddc8a 100644
--- a/app/profile/[id]/page.tsx
+++ b/app/profile/[id]/page.tsx
@@ -190,13 +190,13 @@ export default async function ProfilePage({ params }: ProfilePageProps) {
               </div>
 
               {/* Action Buttons */}
-              <div className="flex gap-4 lg:flex-col w-full lg:w-auto">
+              <div className="flex flex-col items-center lg:items-start gap-2 w-full lg:w-auto">
                 {isCurrentUser && (
-                  <div className="transform hover:scale-110 transition-all duration-300 w-full lg:w-auto">
+                  <div className="transform hover:scale-110 transition-all duration-300 w:full">
                     <EditProfileButton memberId={member.id} />
                   </div>
                 )}
-                <div className="transform hover:scale-110 transition-all duration-300 w-full lg:w-auto">
+                <div className="transform hover:scale-110 transition-all duration-300 w-full">
                   <ExportProfileButton
                     memberId={member.id}
                     memberName={member.name}
diff --git a/components/profile/edit-profile-button.tsx b/components/profile/edit-profile-button.tsx
index 60386d1..b3e365d 100644
--- a/components/profile/edit-profile-button.tsx
+++ b/components/profile/edit-profile-button.tsx
@@ -14,10 +14,10 @@ export function EditProfileButton({ memberId }: EditProfileButtonProps) {
   return (
     <Button
       variant="outline"
-      className="gap-2"
+      className="gap-2 w-auto"
       onClick={() => router.push(`/upload/confirm?edit=true&memberId=${memberId}`)}
     >
-      <Pencil className="h-4 w-4" />
+      <Pencil className="h-4 w-4"/>
       Edit Profile
     </Button>
   );
diff --git a/components/profile/export-profile-button.tsx b/components/profile/export-profile-button.tsx
index f3cf6b2..95b4f3d 100644
--- a/components/profile/export-profile-button.tsx
+++ b/components/profile/export-profile-button.tsx
@@ -197,7 +197,7 @@ try {
   };
   
   return (
-    <div className="flex flex-col sm:flex-row items-center gap-2 w-full sm:w-auto">
+    <div className="flex flex-col items-center gap-2 w-full sm:w-auto">
       <Dialog open={emailDialogOpen} onOpenChange={setEmailDialogOpen}>
         <Button onClick={handleSendEmail} className="bg-green-500 hover:bg-green-600 gap-2">
               <Mail className="h-4 w-4 mr-2" />