clean up and compactized post reply form

src/components/conversation/conversation.scss

@@ -122,9 +122,8 @@
     flex-direction: column;
     align-items: stretch;
     bottom: 0;
-
+    padding-left: 0;
-    .reply-form form {
+    padding-right: 0;
-      margin-top: 0;
+    padding-bottom: 0;
-    }
   }
 }

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;
+      padding: 0.25em;
-      margin: -0.5em;
+      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 {

src/components/user_panel/user_panel.vue

@@ -39,9 +39,7 @@
   }
 
   .post-status-form {
-    form {
+    margin: 0.5em;
-      margin-top: 0;
-    }
   }
 
   .signed-in {