fix: spacing fixes

bitcoinsearch · Oct 18, 2023 · 4bcf995 · 4bcf995
1 parent e07e671
commit 4bcf995
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 9 deletions.
diff --git a/src/app/components/client/homepage.tsx b/src/app/components/client/homepage.tsx
@@ -97,22 +97,24 @@ const Homepage = ({
 
   return (
     <main className=''>
-      <p className='text-2xl font-semibold md:mt-20 leading-normal'>Your daily summary</p>
-      <h2 className='font-inika my-8 md:mb-20 text-lg md:text-2xl text-gray-800'>{addSpaceAfterPeriods(data.header_summary)}</h2>
-      <div className='my-8'>
+      <div className="flex flex-col gap-6 md:gap-8 my-8 md:my-14">
+        <p className='text-2xl font-semibold leading-normal'>Your daily summary</p>
+        <h2 className='font-inika text-lg md:text-2xl text-gray-800'>{addSpaceAfterPeriods(data.header_summary)}</h2>
+      </div>
+      <div className='mb-14'>
         <MailingListToggle selectedList={mailingListSelection} handleToggle={handleMailingListToggle} />
       </div>
       <div className='flex flex-col gap-12 break-words'>
         <section>
-          <h2 className='text-xl md:text-4xl font-semibold pb-[60px]'>Active Discussions 🔥</h2>
+          <h2 className='text-xl md:text-4xl font-semibold pb-8'>Active Discussions 🔥</h2>
           <div>
             {homepageData.active_posts.map((entry) => (
               <Post key={entry.id} entry={entry} isActivePost={true} />
             ))}
           </div>
         </section>
         <div className=''>
-          <h2 className='text-xl md:text-4xl font-semibold pb-[60px]'>All Activity</h2>
+          <h2 className='text-xl md:text-4xl font-semibold pb-8'>All Activity</h2>
           <div>
             {memoizedBatches?.map((entry, idx) => (
               <Post key={`${entry.id}_${idx}`} entry={entry} isActivePost={false} />

diff --git a/src/app/components/server/post.tsx b/src/app/components/server/post.tsx
@@ -25,7 +25,7 @@ const Post = ({entry, isActivePost}: {entry: HomepageEntryData; isActivePost: bo
       ) : (
         <p className='font-inter text-sm md:text-base font-bold'>Posted {publishedAtDateDisplay}</p>
       )}
-      <div className="grid gap-8 grid-cols-2 text-sm">
+      <div className="grid grid-cols-2 text-sm">
         <div className="flex basis-1/3 flex-col gap-1">
           <p className='font-semibold'>Authored by</p>
           <p className=''>

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -37,9 +37,9 @@ export const metadata: Metadata = {
 
 export default function RootLayout({ children }: { children: React.ReactNode }) {
   return (
-    <html lang='en' className='h-full'>
-      <body className={`${inter.variable} ${inika.variable} font-inter h-full`}>
-        <div className='pt-[0px] md:pt-[76px] flex flex-col min-h-full w-full items-center'>
+    <html lang='en' className=''>
+      <body className={`${inter.variable} ${inika.variable} font-inter`}>
+        <div className='pt-2 md:pt-[56px] flex flex-col w-full items-center'>
           <div className='relative w-full'>
             <div className='sticky top-0 bg-white w-full h-[76px] flex items-center px-4 z-10'>
               <Navbar />