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,11 +207,11 @@ export function RichEditPost(props: { post: Post }) {
       </Row>
     </>
   ) : (
-    <>
-      <div className="relative">
-        <div className="absolute top-0 right-0 z-10 space-x-2">
+    <Col>
+      <Content content={post.content} />
+      <Row className="place-content-end">
         <Button
-            color="gray"
+          color="gray-white"
           size="xs"
           onClick={() => {
             setEditing(true)
@@ -219,13 +219,8 @@ export function RichEditPost(props: { post: Post }) {
           }}
         >
           <PencilIcon className="inline h-4 w-4" />
-            Edit
         </Button>
-        </div>
-
-        <Content content={post.content} />
-        <Spacer h={2} />
-      </div>
-    </>
+      </Row>
+    </Col>
   )
 }