From b7d1cef759fd04f5a80564484f21d635c84974c9 Mon Sep 17 00:00:00 2001
From: Zhang Ziqing <69516975+ziqing26@users.noreply.github.com>
Date: Wed, 9 Nov 2022 13:09:07 +0800
Subject: [PATCH] [offers][style] fix education card style (#549)

---
 .../src/components/offers/profile/EducationCard.tsx | 13 +++++--------
 .../src/pages/offers/profile/[offerProfileId].tsx   |  2 +-
 .../pages/offers/submit/result/[offerProfileId].tsx |  2 +-
 3 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/apps/portal/src/components/offers/profile/EducationCard.tsx b/apps/portal/src/components/offers/profile/EducationCard.tsx
index 603b3c67..0239743f 100644
--- a/apps/portal/src/components/offers/profile/EducationCard.tsx
+++ b/apps/portal/src/components/offers/profile/EducationCard.tsx
@@ -1,7 +1,4 @@
-import {
-  BuildingLibraryIcon,
-  LightBulbIcon,
-} from '@heroicons/react/24/outline';
+import { BuildingLibraryIcon, LightBulbIcon } from '@heroicons/react/20/solid';
 
 import type { EducationType } from '~/components/offers/EducationFields';
 import { getLabelForEducationFieldType } from '~/components/offers/EducationFields';
@@ -18,9 +15,9 @@ export default function EducationCard({
     <div className="block rounded-lg border border-slate-200 bg-white p-4 text-sm ">
       <div className="flex justify-between">
         <div>
-          <div className="flex items-center">
-            <LightBulbIcon className="mr-1 h-5" />
-            <span className="text-semibold ml-1">
+          <div className="mb-2 flex items-center">
+            <LightBulbIcon className="mr-1 h-5 text-slate-400" />
+            <span className="ml-1 font-semibold">
               {field
                 ? `${
                     type ? type.charAt(0).toUpperCase() + type.slice(1) : 'N/A'
@@ -35,7 +32,7 @@ export default function EducationCard({
           </div>
           {school && (
             <div className="flex flex-row">
-              <BuildingLibraryIcon className="mr-1 h-5" />
+              <BuildingLibraryIcon className="mr-1 h-5 text-slate-400" />
               <span className="ml-1">{school}</span>
             </div>
           )}
diff --git a/apps/portal/src/pages/offers/profile/[offerProfileId].tsx b/apps/portal/src/pages/offers/profile/[offerProfileId].tsx
index 5880ce9a..b1498bf1 100644
--- a/apps/portal/src/pages/offers/profile/[offerProfileId].tsx
+++ b/apps/portal/src/pages/offers/profile/[offerProfileId].tsx
@@ -200,7 +200,7 @@ export default function OfferProfile() {
     <div className="flex h-screen w-screen">
       <div className="m-auto mx-auto w-screen justify-center font-medium text-slate-500">
         <Spinner display="block" size="lg" />
-        <div className="text-center">Loading...</div>
+        <div className="text-center">Loading profile...</div>
       </div>
     </div>
   ) : (
diff --git a/apps/portal/src/pages/offers/submit/result/[offerProfileId].tsx b/apps/portal/src/pages/offers/submit/result/[offerProfileId].tsx
index a7480b56..36ec895b 100644
--- a/apps/portal/src/pages/offers/submit/result/[offerProfileId].tsx
+++ b/apps/portal/src/pages/offers/submit/result/[offerProfileId].tsx
@@ -82,7 +82,7 @@ export default function OffersSubmissionResult() {
     <div className="flex h-screen w-screen">
       <div className="m-auto mx-auto w-screen justify-center font-medium text-slate-500">
         <Spinner display="block" size="lg" />
-        <div className="text-center">Loading...</div>
+        <div className="text-center">Loading results...</div>
       </div>
     </div>
   ) : checkToken.isError || getAnalysis.isError ? (