From c86c77d1e00485247aff0b92d07255ce05f8d99f Mon Sep 17 00:00:00 2001
From: Zhang Ziqing <69516975+ziqing26@users.noreply.github.com>
Date: Thu, 3 Nov 2022 12:20:51 +0800
Subject: [PATCH] [offers][style] fix dashboard layout (#496)

* [offers][style] fix dashboard layout

* [offers][fix] fix profile link layout
---
 apps/portal/src/components/offers/profile/ProfileComments.tsx | 2 +-
 apps/portal/src/components/offers/table/OffersTable.tsx       | 3 ---
 apps/portal/src/pages/offers/dashboard.tsx                    | 4 ++--
 3 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/apps/portal/src/components/offers/profile/ProfileComments.tsx b/apps/portal/src/components/offers/profile/ProfileComments.tsx
index dc0ec114..5654ed5e 100644
--- a/apps/portal/src/components/offers/profile/ProfileComments.tsx
+++ b/apps/portal/src/components/offers/profile/ProfileComments.tsx
@@ -113,7 +113,7 @@ export default function ProfileComments({
     <div className="bh-white h-fit px-4 lg:h-[calc(100vh-4.5rem)] lg:overflow-y-auto">
       <div className="bg-white pt-4 lg:sticky lg:top-0">
         <div className="flex justify-end">
-          <div className="grid w-fit space-y-2 lg:grid-cols-1 lg:grid-cols-2 lg:space-y-0 lg:space-x-4">
+          <div className="grid w-fit grid-cols-1 space-y-2 md:grid-cols-2 md:grid-cols-2 md:space-y-0 md:space-x-4">
             <div className="col-span-1 flex justify-end">
               {isEditable && (
                 <Tooltip tooltipContent="Copy this link to edit your profile later">
diff --git a/apps/portal/src/components/offers/table/OffersTable.tsx b/apps/portal/src/components/offers/table/OffersTable.tsx
index 534cd783..5ca1d91b 100644
--- a/apps/portal/src/components/offers/table/OffersTable.tsx
+++ b/apps/portal/src/components/offers/table/OffersTable.tsx
@@ -247,9 +247,6 @@ export default function OffersTable({
             (offers.length === 0 && (
               <div className="py-16 text-lg">
                 <div className="flex justify-center">No data yet🥺</div>
-                <div className="flex justify-center">
-                  Please try another set of filters.
-                </div>
               </div>
             ))}
         </div>
diff --git a/apps/portal/src/pages/offers/dashboard.tsx b/apps/portal/src/pages/offers/dashboard.tsx
index 1ae9ea46..bb3f5dc8 100644
--- a/apps/portal/src/pages/offers/dashboard.tsx
+++ b/apps/portal/src/pages/offers/dashboard.tsx
@@ -46,8 +46,8 @@ export default function ProfilesDashboard() {
   if (userProfiles.length === 0) {
     return (
       <div className="flex w-full">
-        <div className="m-auto mx-auto w-full justify-center text-xl">
-          <div className="mb-8 flex w-full flex-row justify-center">
+        <div className="w-full justify-center space-y-8 py-16 text-xl">
+          <div className="flex w-full flex-row justify-center">
             <h2>You have not saved any offer profiles yet.</h2>
           </div>
           <div className="flex flex-row justify-center">