From fe117ead1a8ad0687c1c3ec4fa53fe7c1e9180b3 Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Tue, 4 Oct 2022 10:02:24 +0300
Subject: [PATCH] fix: spacing issue below cover image

---
 .../pages/ProjectPage/Components/AboutCard/AboutCard.tsx      | 4 ++--
 src/features/Projects/pages/ProjectPage/ProjectPage.tsx       | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/features/Projects/pages/ProjectPage/Components/AboutCard/AboutCard.tsx b/src/features/Projects/pages/ProjectPage/Components/AboutCard/AboutCard.tsx
index 787bc0d..d77904c 100644
--- a/src/features/Projects/pages/ProjectPage/Components/AboutCard/AboutCard.tsx
+++ b/src/features/Projects/pages/ProjectPage/Components/AboutCard/AboutCard.tsx
@@ -69,10 +69,10 @@ export default function AboutCard({ project }: Props) {
                     <img className="w-full h-full border-2 border-white rounded-24" src={project.thumbnail_image} alt="" />
                 </div>
             </div>
-            <div className="pt-24  md:p-24 flex flex-col gap-24">
+            <div className="md:p-24 md:pt-0 flex flex-col gap-24">
                 {/* Title & Basic Info */}
                 <div className="flex flex-col gap-24 relative">
-                    <div className="flex flex-wrap justify-end items-center gap-16">
+                    <div className="flex flex-wrap justify-end items-center gap-16 min-h-[40px] mt-12">
                         {canEdit && <Button size="sm" color="gray" href={createRoute({ type: "edit-project", id: project.id })}>Edit Project</Button>}
                         <Button size="sm" variant='outline' color='gray' className='hidden md:block hover:!text-red-500 hover:!border-red-200 hover:!bg-red-50' onClick={() => onVote()}>
                             <MdLocalFireDepartment />{<span className="align-middle w-[4ch]"> {numberFormatter(project.votes_count)}</span>}
diff --git a/src/features/Projects/pages/ProjectPage/ProjectPage.tsx b/src/features/Projects/pages/ProjectPage/ProjectPage.tsx
index 6a9633e..2f22c69 100644
--- a/src/features/Projects/pages/ProjectPage/ProjectPage.tsx
+++ b/src/features/Projects/pages/ProjectPage/ProjectPage.tsx
@@ -70,7 +70,7 @@ export default function ProjectPage() {
                     <img className="w-full h-full border-2 border-white rounded-24" src={project.thumbnail_image} alt="" />
                 </div>
             </div>
-            <div className={`page-container bg-white md:bg-inherit`}
+            <div className={`content-container md:pt-32 bg-white md:bg-inherit`}
             >
                 <div className={` ${styles.grid}`}
                 >{isMediumScreen ?