From 189da4a0cf198bc023c3eebc83636ded77f24d21 Mon Sep 17 00:00:00 2001
From: ingawei <46611122+ingawei@users.noreply.github.com>
Date: Wed, 5 Oct 2022 16:21:03 -0500
Subject: [PATCH] made delete red, moved button for regular posts (#1008)

---
 web/components/groups/group-overview-post.tsx |  2 +-
 web/pages/post/[...slugs]/index.tsx           | 35 ++++++++-----------
 2 files changed, 16 insertions(+), 21 deletions(-)

diff --git a/web/components/groups/group-overview-post.tsx b/web/components/groups/group-overview-post.tsx
index 9f9dd399..01ca13ba 100644
--- a/web/components/groups/group-overview-post.tsx
+++ b/web/components/groups/group-overview-post.tsx
@@ -121,7 +121,7 @@ function RichEditGroupAboutPost(props: { group: Group; post: Post | null }) {
                 deleteGroupAboutPost()
               }}
             >
-              <TrashIcon className="inline h-5 w-5" />
+              <TrashIcon className="inline h-5 w-5 text-red-500" />
             </Button>
           </Row>
         </Col>
diff --git a/web/pages/post/[...slugs]/index.tsx b/web/pages/post/[...slugs]/index.tsx
index aab75eab..beaff445 100644
--- a/web/pages/post/[...slugs]/index.tsx
+++ b/web/pages/post/[...slugs]/index.tsx
@@ -207,25 +207,20 @@ export function RichEditPost(props: { post: Post }) {
       </Row>
     </>
   ) : (
-    <>
-      <div className="relative">
-        <div className="absolute top-0 right-0 z-10 space-x-2">
-          <Button
-            color="gray"
-            size="xs"
-            onClick={() => {
-              setEditing(true)
-              editor?.commands.focus('end')
-            }}
-          >
-            <PencilIcon className="inline h-4 w-4" />
-            Edit
-          </Button>
-        </div>
-
-        <Content content={post.content} />
-        <Spacer h={2} />
-      </div>
-    </>
+    <Col>
+      <Content content={post.content} />
+      <Row className="place-content-end">
+        <Button
+          color="gray-white"
+          size="xs"
+          onClick={() => {
+            setEditing(true)
+            editor?.commands.focus('end')
+          }}
+        >
+          <PencilIcon className="inline h-4 w-4" />
+        </Button>
+      </Row>
+    </Col>
   )
 }