From 0a110fc37b19703d4dd0a709962b383471a9c894 Mon Sep 17 00:00:00 2001
From: Kelechi <okekekelechi96@gmail.com>
Date: Thu, 21 Nov 2024 12:22:24 +0100
Subject: [PATCH] fix: fixed padding and added divided to layout

---
 src/app/dashboard/(hiiq)/layout.tsx                | 4 ++--
 src/components/client/StakePage.tsx                | 2 +-
 src/components/dashboard/hiiq-table/data-table.tsx | 2 +-
 src/components/dashboard/layout.tsx                | 6 +++++-
 4 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/app/dashboard/(hiiq)/layout.tsx b/src/app/dashboard/(hiiq)/layout.tsx
index 6de84f1f..8a37e468 100644
--- a/src/app/dashboard/(hiiq)/layout.tsx
+++ b/src/app/dashboard/(hiiq)/layout.tsx
@@ -20,7 +20,7 @@ export default function layout({ children }: { children: React.ReactNode }) {
   const path = usePathname()
 
   return (
-    <div className="flex flex-col gap-6 mt-6">
+    <div className="flex flex-col gap-6 mt-6 relative">
       <div className="flex gap-4 flex-row items-center justify-center">
         {tabs.map((tab) => (
           <Link
@@ -37,7 +37,7 @@ export default function layout({ children }: { children: React.ReactNode }) {
           </Link>
         ))}
       </div>
-
+      <div className="absolute h-[0.5px] w-[calc(100vw)] -ml-[calc(50vw-50%)] bg-gray-500 top-9 -z-10" />
       <div>{children}</div>
     </div>
   )
diff --git a/src/components/client/StakePage.tsx b/src/components/client/StakePage.tsx
index 565e18ce..20833093 100644
--- a/src/components/client/StakePage.tsx
+++ b/src/components/client/StakePage.tsx
@@ -143,7 +143,7 @@ const StakePage = () => {
 
   return (
     <>
-      <Flex pt={{ base: '5', lg: '6' }} direction="column" gap="6" pb="20">
+      <Flex pt={{ base: '5', lg: '0' }} direction="column" gap="6" pb="20">
         <Flex direction="column" gap="1">
           <PageHeader
             header="HiIQ"
diff --git a/src/components/dashboard/hiiq-table/data-table.tsx b/src/components/dashboard/hiiq-table/data-table.tsx
index 10d8dae8..8c03bbd4 100644
--- a/src/components/dashboard/hiiq-table/data-table.tsx
+++ b/src/components/dashboard/hiiq-table/data-table.tsx
@@ -64,7 +64,7 @@ export function DataTable<TData, TValue>({
       <div className="border-b p-4 flex flex-row gap-4 items-center">
         <h1>HiIQ Holders</h1>
         <Badge
-          className="bg-brand-50 text-brand-500 dark:text-brand-800 border-0 py-2"
+          className="bg-brand-50 text-brand-500 dark:text-brand-800 border-0 py-1 px-1.5"
           variant="outline"
         >
           {isLoading ? (
diff --git a/src/components/dashboard/layout.tsx b/src/components/dashboard/layout.tsx
index cafb675e..e56169f9 100644
--- a/src/components/dashboard/layout.tsx
+++ b/src/components/dashboard/layout.tsx
@@ -76,7 +76,11 @@ export const DashboardLayout = (props: DashboardLayoutProps) => {
             <Sidebar mb="4.375em" onClose={onClose} />
           </DrawerContent>
         </Drawer>
-        <chakra.div w="full" maxH="100vh" overflow="auto">
+        <chakra.div
+          w="full"
+          maxH="100vh"
+          overflow={{ base: 'auto', md: 'hidden' }}
+        >
           <chakra.div
             w="full"
             h="4.375em"