From 26b833b88b88aa7327c21763997aee5023a348e6 Mon Sep 17 00:00:00 2001
From: Zhang Ziqing <zhangziqing9926@gmail.com>
Date: Mon, 10 Oct 2022 01:12:40 +0800
Subject: [PATCH] [offers][style] homepage styling

---
 apps/portal/src/components/offers/OffersTitle.tsx | 12 ++++++++----
 apps/portal/src/pages/offers/index.tsx            |  8 ++++----
 2 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/apps/portal/src/components/offers/OffersTitle.tsx b/apps/portal/src/components/offers/OffersTitle.tsx
index e114e00d..6056f2a6 100644
--- a/apps/portal/src/components/offers/OffersTitle.tsx
+++ b/apps/portal/src/components/offers/OffersTitle.tsx
@@ -2,12 +2,16 @@ export default function OffersTitle() {
   return (
     <>
       <div className="flex items-end justify-center">
-        <h1 className="text-center text-4xl font-bold">
-          Technical Handbook Offers Repo
+        <h1 className="mt-16 text-center text-4xl font-bold text-indigo-600">
+          Tech Handbook Offers Repo
         </h1>
       </div>
-      <div className="flex items-center justify-center text-2xl">
-        Benchmark your offers and discuss them with the community
+      <div className="mt-2 text-center text-2xl font-normal text-indigo-500">
+        Reveal profile stories behind offers
+      </div>
+      <div className="items-top flex justify-center text-xl font-normal">
+        Benchmark your offers and profiles, learn from other's offer profile,
+        and discuss with the community
       </div>
     </>
   );
diff --git a/apps/portal/src/pages/offers/index.tsx b/apps/portal/src/pages/offers/index.tsx
index bbb1c91b..27166716 100644
--- a/apps/portal/src/pages/offers/index.tsx
+++ b/apps/portal/src/pages/offers/index.tsx
@@ -10,10 +10,10 @@ export default function OffersHomePage() {
 
   return (
     <main className="flex-1 overflow-y-auto">
-      <div className="grid-rows grid h-1/3 bg-gray-100">
+      <div className="grid-rows grid h-1/2 bg-gray-100">
         <OffersTitle />
         <div className="flex items-start justify-center">
-          <div className="flex items-center">
+          <div className="mt-4 flex items-center">
             Viewing offers for
             <div className="mx-4">
               <Select
@@ -42,7 +42,7 @@ export default function OffersHomePage() {
               />
             </div>
             in
-            <div className="mx-4">
+            <div className="ml-4">
               <Select
                 isLabelHidden={true}
                 label="Select a company"
@@ -67,7 +67,7 @@ export default function OffersHomePage() {
           </div>
         </div>
       </div>
-      <div className="mt-10 flex justify-center">
+      <div className="flex justify-center bg-white pb-20 pt-10">
         <OffersTable />
       </div>
     </main>