move a header from outside component to inside component

langaracpsc · Nov 30, 2024 · 26cd5d8 · 26cd5d8
1 parent e927fb2
commit 26cd5d8
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git 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
@@ -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