From caa3fc06e671f14a11b7e89ab29adee8eecbb32b Mon Sep 17 00:00:00 2001
From: Pico2x <pico2x@gmail.com>
Date: Thu, 8 Sep 2022 17:32:42 +0100
Subject: [PATCH] Minor tailwind/indent fixes to posts

---
 web/components/groups/group-about-post.tsx |  2 +-
 web/pages/post/[...slugs]/index.tsx        | 13 ++++++-------
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/web/components/groups/group-about-post.tsx b/web/components/groups/group-about-post.tsx
index ed5c20cc..b76d8037 100644
--- a/web/components/groups/group-about-post.tsx
+++ b/web/components/groups/group-about-post.tsx
@@ -22,7 +22,7 @@ export function GroupAboutPost(props: {
   const post = usePost(group.aboutPostId) ?? props.post
 
   return (
-    <div className="rounded-md bg-white p-4">
+    <div className="rounded-md bg-white p-4 ">
       {isEditable ? (
         <RichEditGroupAboutPost group={group} post={post} />
       ) : (
diff --git a/web/pages/post/[...slugs]/index.tsx b/web/pages/post/[...slugs]/index.tsx
index 8f99a802..6cd4408f 100644
--- a/web/pages/post/[...slugs]/index.tsx
+++ b/web/pages/post/[...slugs]/index.tsx
@@ -69,10 +69,9 @@ export default function PostPage(props: {
   return (
     <Page>
       <div className="mx-auto w-full max-w-3xl ">
-        <Spacer h={1} />
-        <Title className="!mt-0" text={post.title} />
+        <Title className="!mt-0 py-4 px-2" text={post.title} />
         <Row>
-          <Col className="flex-1">
+          <Col className="flex-1 px-2">
             <div className={'inline-flex'}>
               <div className="mr-1 text-gray-500">Created by</div>
               <UserLink
@@ -82,7 +81,7 @@ export default function PostPage(props: {
               />
             </div>
           </Col>
-          <Col>
+          <Col className="px-2">
             <Button
               size="lg"
               color="gray-white"
@@ -116,7 +115,7 @@ export default function PostPage(props: {
           </div>
         </div>
 
-        <Spacer h={2} />
+        <Spacer h={4} />
         <div className="rounded-lg bg-white px-6 py-4 sm:py-0">
           <PostCommentsActivity
             post={post}
@@ -145,7 +144,7 @@ export function PostCommentsActivity(props: {
   )
 
   return (
-    <>
+    <Col className="p-2">
       <PostCommentInput post={post} />
       {topLevelComments.map((parent) => (
         <PostCommentThread
@@ -161,7 +160,7 @@ export function PostCommentsActivity(props: {
           commentsByUserId={commentsByUserId}
         />
       ))}
-    </>
+    </Col>
   )
 }