made delete red, moved button for regular posts (#1008)

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>

web/pages/post/[...slugs]/index.tsx

@@ -207,25 +207,20 @@ export function RichEditPost(props: { post: Post }) {
       </Row>
     </>
   ) : (
-    <>
+    <Col>
-      <div className="relative">
+      <Content content={post.content} />
-        <div className="absolute top-0 right-0 z-10 space-x-2">
+      <Row className="place-content-end">
-          <Button
+        <Button
-            color="gray"
+          color="gray-white"
-            size="xs"
+          size="xs"
-            onClick={() => {
+          onClick={() => {
-              setEditing(true)
+            setEditing(true)
-              editor?.commands.focus('end')
+            editor?.commands.focus('end')
-            }}
+          }}
-          >
+        >
-            <PencilIcon className="inline h-4 w-4" />
+          <PencilIcon className="inline h-4 w-4" />
-            Edit
+        </Button>
-          </Button>
+      </Row>
-        </div>
+    </Col>
-
-        <Content content={post.content} />
-        <Spacer h={2} />
-      </div>
-    </>
   )
 }