From e84038f185cfeb5c461bd32104c11a17a82822bc Mon Sep 17 00:00:00 2001
From: plebeius <tom@plebbit.com>
Date: Sat, 6 Dec 2025 15:46:34 +0100
Subject: [PATCH] fix(post form): fix positioning and styling on mobile

---
 src/app.tsx                                   | 3 +--
 src/components/post-form/post-form.module.css | 9 +++++++++
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/app.tsx b/src/app.tsx
index f65f2e08..b1c1aee1 100644
--- a/src/app.tsx
+++ b/src/app.tsx
@@ -75,9 +75,8 @@ const BoardLayout = () => {
       {isMobile
         ? (subplebbitAddress || isInAllView || isInModView || isInSubscriptionsView || pendingPost?.subplebbitAddress) && (
             <>
-              <PostForm key={key} />
-              <hr />
               <MobileBoardButtons />
+              <PostForm key={key} />
             </>
           )
         : (subplebbitAddress || isInAllView || isInModView || isInSubscriptionsView || pendingPost?.subplebbitAddress) && (
diff --git a/src/components/post-form/post-form.module.css b/src/components/post-form/post-form.module.css
index 649c43c1..6bf1341c 100644
--- a/src/components/post-form/post-form.module.css
+++ b/src/components/post-form/post-form.module.css
@@ -137,6 +137,15 @@
   .postFormTable button {
     padding: 3px 6px;
   }
+
+  .postFormMobile {
+    margin-bottom: 6px;
+  }
+
+  .postFormTable {
+    padding-top: 20px;
+    padding-bottom: 3px;
+  }
 }
 
 @media (min-width: 640px) {