From 4c8644e9382a8bb7a8159bfd5b794b2816e8e1c1 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 23 Jul 2026 16:21:56 +0300
Subject: [PATCH] clean up and compactized post reply form

---
 src/components/conversation/conversation.scss |  7 ++--
 .../post_status_form/post_status_form.scss    | 37 +++++++++----------
 src/components/user_panel/user_panel.vue      |  4 +-
 3 files changed, 21 insertions(+), 27 deletions(-)

diff --git a/src/components/conversation/conversation.scss b/src/components/conversation/conversation.scss
index 9f9c30747..97238c2dd 100644
--- a/src/components/conversation/conversation.scss
+++ b/src/components/conversation/conversation.scss
@@ -122,9 +122,8 @@
     flex-direction: column;
     align-items: stretch;
     bottom: 0;
-
-    .reply-form form {
-      margin-top: 0;
-    }
+    padding-left: 0;
+    padding-right: 0;
+    padding-bottom: 0;
   }
 }
diff --git a/src/components/post_status_form/post_status_form.scss b/src/components/post_status_form/post_status_form.scss
index 3de28928d..31da7b933 100644
--- a/src/components/post_status_form/post_status_form.scss
+++ b/src/components/post_status_form/post_status_form.scss
@@ -1,6 +1,20 @@
 .post-status-form {
   position: relative;
 
+  form {
+    display: flex;
+    flex-direction: column;
+    padding: 0.5em;
+    position: relative;
+    gap: 0.25em;
+  }
+
+  .form-group {
+    display: flex;
+    flex-direction: column;
+    line-height: 1.85;
+  }
+
   .attachments {
     margin-bottom: 0.5em;
   }
@@ -16,7 +30,6 @@
   .form-bottom {
     display: flex;
     justify-content: space-between;
-    padding: 0.5em 0.5em 0.25em;
     height: 2.5em;
 
     .post-button-group {
@@ -42,11 +55,11 @@
   .form-bottom-left {
     display: flex;
     gap: 1.5em;
-    margin-right: 1em;
+    margin: 0 0.5em;
 
     button {
-      padding: 0.5em;
-      margin: -0.5em;
+      padding: 0.25em;
+      margin: -0.25em;
     }
   }
 
@@ -190,20 +203,6 @@
     cursor: not-allowed;
   }
 
-  form {
-    display: flex;
-    flex-direction: column;
-    margin: 0.6em;
-    position: relative;
-  }
-
-  .form-group {
-    display: flex;
-    flex-direction: column;
-    padding: 0.25em 0.5em 0.5em;
-    line-height: 1.85;
-  }
-
   .inputs-wrapper {
     padding: 0;
     display: flex;
@@ -212,9 +211,7 @@
 
   .keyboard-enter-hint {
     text-align: right;
-    margin-right: 1em;
     line-height: 1;
-    margin-bottom: 0.5em;
   }
 
   textarea.input.form-post-body {
diff --git a/src/components/user_panel/user_panel.vue b/src/components/user_panel/user_panel.vue
index b0479321c..0f9260c4a 100644
--- a/src/components/user_panel/user_panel.vue
+++ b/src/components/user_panel/user_panel.vue
@@ -39,9 +39,7 @@
   }
 
   .post-status-form {
-    form {
-      margin-top: 0;
-    }
+    margin: 0.5em;
   }
 
   .signed-in {