From e20b7e32f1a159c9cfb377710a4bccdd5b6a320d Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Mon, 6 May 2024 19:00:56 +0100
Subject: [PATCH] adjusted layout padding on mobile view

---
 src/components/Dashboard/DashboardHomeIntro.tsx | 4 ++--
 src/layouts/DashboardLayout/DashboardLayout.tsx | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Dashboard/DashboardHomeIntro.tsx b/src/components/Dashboard/DashboardHomeIntro.tsx
index c32fcd7..ba39366 100644
--- a/src/components/Dashboard/DashboardHomeIntro.tsx
+++ b/src/components/Dashboard/DashboardHomeIntro.tsx
@@ -152,12 +152,12 @@ const DashboardHomeIntro: FC<DashboardHomeIntroProps> = ({ handleNextStep, step
         >
           {(data:any)=>(
             <div className="w-full p-4 rounded-lg shadow-lg bg-white overflow-x-auto min-h-[250px] max-h-[450px]">
-              <table className="w-full table-auto">
+              <table className="text-[12px] sm:text-base w-full table-auto">
                 <thead>
                   <tr className='text-left border-b-2'>
                     <th className='px-1 py-4'>Date</th>
                     <th className='px-1 py-4 text-right'>Amount</th>
-                    <th className='px-1 py-4 text-center'>Payment Term</th>
+                    <th className='px-1 py-4 text-center min-w-[110px]'>Payment Term</th>
                     <th className='px-1 py-4 text-center'>Status</th>
                     <th className='px-1 py-4'>Action</th>
                   </tr>
diff --git a/src/layouts/DashboardLayout/DashboardLayout.tsx b/src/layouts/DashboardLayout/DashboardLayout.tsx
index af51518..892250c 100644
--- a/src/layouts/DashboardLayout/DashboardLayout.tsx
+++ b/src/layouts/DashboardLayout/DashboardLayout.tsx
@@ -83,8 +83,8 @@ export default function DashboardLayout({ children }: { children: ReactNode }) {
               </div>
           </div>
         </header>
-        <div className="flex p-5 relative">
-          <div className="w-full p-5">{children}</div>
+        <div className="flex p-2 md:p-5 relative">
+          <div className="w-full p-2 md:p-5">{children}</div>
         </div>
       </main>
     </div>
-- 
2.34.1