From dd1a419244332274bb121b56dfe3497aab142d77 Mon Sep 17 00:00:00 2001
From: Hollgy <karlgustav.ek@hotmail.com>
Date: Mon, 25 Mar 2024 14:11:38 +0100
Subject: [PATCH] Layout change of post

---
 client-solid/src/Components/PostSegment.tsx | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/client-solid/src/Components/PostSegment.tsx b/client-solid/src/Components/PostSegment.tsx
index f2aedfb..799071d 100644
--- a/client-solid/src/Components/PostSegment.tsx
+++ b/client-solid/src/Components/PostSegment.tsx
@@ -29,6 +29,16 @@ export function PostSegment(props: { post: Post }): JSXElement {
       <div class="card-body md:mx-6">
         <div class="flex flex-row justify-between">
           <p class="text-xs">{createdAt()}</p>
+        </div>
+        <Show when={edited()}>
+          <p>This post has been edited</p>
+        </Show>
+        <p class="my-1 text-base">{local.post.content}</p>
+        <div class="card-actions justify-between">
+          <div class="flex">
+            <EngagementButton postId={local.post.id} />
+            <CommentsButton postId={local.post.id} />
+          </div>
           <details class="dropdown">
             <summary class="btn btn-sm">...</summary>
             <ul class="w-26 menu dropdown-content z-[1] rounded-box bg-base-100 p-2 shadow">
@@ -41,16 +51,6 @@ export function PostSegment(props: { post: Post }): JSXElement {
             </ul>
           </details>
         </div>
-        <Show when={edited()}>
-          <p>This post has been edited</p>
-        </Show>
-        <p class="my-1 text-base">{local.post.content}</p>
-        <div class="card-actions justify-between">
-          <div class="flex">
-            <EngagementButton postId={local.post.id} />
-            <CommentsButton postId={local.post.id} />
-          </div>
-        </div>
       </div>
     </div>
   );