less awkard "replying to last status" text

src/components/conversation/conversation.scss

@@ -93,37 +93,18 @@
     }
   }
 
-  .auto-reply-to-section {
-    margin: 0 1em;
-    gap: 0.5em;
-
-    h4 {
-      margin: 0.5em 0;
-      line-height: 1.1;
-
-      button {
-        line-height: 1.1;
-      }
-    }
-
-    .reply-to-preview {
-      display: flex;
-      align-items: center;
-      gap: 0.5em;
-      border: 1px solid var(--border);
-      border-radius: var(--roundness);
-      padding: 0.5em;
-    }
-  }
-
   .chat-view-reply-form {
     position: sticky;
     display: flex;
     flex-direction: column;
     align-items: stretch;
     bottom: 0;
-    padding-left: 0;
-    padding-right: 0;
-    padding-bottom: 0;
+    padding: 0;
+  }
+
+  .reply-to-text {
+    line-height: 1.2;
+    padding-top: 0.5em;
+    margin-bottom: -0.5em;
   }
 }

src/components/conversation/conversation.vue

@@ -219,7 +219,7 @@
       class="chat-view-reply-form panel-footer -flexible-height"
     >
       <div class="auto-reply-to-section">
-        <span class="reply-to-text">
+        <center class="reply-to-text">
           {{ explicitReplyStatus ? $t('status.reply_to_selected') : $t('status.reply_to_last') }}
           <button
             v-if="explicitReplyStatus"
@@ -229,7 +229,7 @@
             <FAIcon icon="times" />
             {{ $t('general.cancel') }}
           </button>
-        </span>
+        </center>
       </div>
       <PostStatusForm
         class="reply-form"