From 26cd5d881abbf509a8babd4cb9a88cc1eb7680bd Mon Sep 17 00:00:00 2001
From: Anderson T <tseng.andersonn@gmail.com>
Date: Fri, 29 Nov 2024 16:08:21 -0800
Subject: [PATCH] move a header from outside component to inside component

---
 frontend/src/app/about/AboutPage.tsx    | 1 -
 frontend/src/app/about/ExecProfiles.tsx | 6 +++---
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/frontend/src/app/about/AboutPage.tsx b/frontend/src/app/about/AboutPage.tsx
index 5743fb7..999b6e5 100644
--- a/frontend/src/app/about/AboutPage.tsx
+++ b/frontend/src/app/about/AboutPage.tsx
@@ -15,7 +15,6 @@ export default function AboutPage() {
             <br></br>
 
 
-            <h3 className="text-3xl font-semibold">Our Executives:</h3>
 
             <div className={"flex flex-col max-[600px]:mx-0 gap-3 items-center"}>
                 {/* TODO: don't assume API always works. */}
diff --git a/frontend/src/app/about/ExecProfiles.tsx b/frontend/src/app/about/ExecProfiles.tsx
index d78e23b..c104e42 100644
--- a/frontend/src/app/about/ExecProfiles.tsx
+++ b/frontend/src/app/about/ExecProfiles.tsx
@@ -55,7 +55,7 @@ export default async function ExecProfiles() {
       {/* Block for current executives grouped by year */}
       {Object.keys(groupedCurrentExecutives).map(year => (
         <div key={year} className="flex-row gap-5">
-          {/* <h2 className="text-2xl font-semibold pb-5">Current Executives</h2> */}
+          <h2 className="text-3xl font-semibold pb-5">Current Executives:</h2>
           <div className=" flex flex-wrap flex-row gap-5 justify-center">
             {groupedCurrentExecutives[year].map((exec) => (
               <ExecProfile
@@ -77,8 +77,8 @@ export default async function ExecProfiles() {
 
       {/* Block for retired executives grouped by year */}
       {sortedRetiredYears.map(year => (
-        <div key={year} className="mt-10">
-          <h2 className="text-2xl font-semibold pb-5">Retired Executives - {year}</h2>
+        <div key={year} className="mt-40">
+          <h2 className="text-2xl font-semibold pb-5">Retired Executives - {year}:</h2>
           <div className="flex flex-wrap flex-row gap-5 justify-center">
             {groupedRetiredExecutives[year].map((exec) => (
               <ExecProfile