From 6a3a4888b40e256bb9d70e7b8c616a7647aa3ec4 Mon Sep 17 00:00:00 2001
From: thislight <l1589002388@gmail.com>
Date: Fri, 27 Sep 2024 23:15:53 +0800
Subject: [PATCH] ReplyEditor: minor clean up and adjustment

---
 src/timelines/ReplyEditor.tsx | 13 ++++---------
 1 file changed, 4 insertions(+), 9 deletions(-)

diff --git a/src/timelines/ReplyEditor.tsx b/src/timelines/ReplyEditor.tsx
index 0d9995a..223311f 100644
--- a/src/timelines/ReplyEditor.tsx
+++ b/src/timelines/ReplyEditor.tsx
@@ -1,14 +1,9 @@
 import {
-  batch,
   createEffect,
-  createRenderEffect,
   createSignal,
-  createUniqueId,
-  lazy,
   onMount,
   Show,
   type Component,
-  type Setter,
 } from "solid-js";
 import Scaffold from "../material/Scaffold";
 import {
@@ -234,13 +229,13 @@ const ReplyEditor: Component<{
       onClick={(e) => inputRef.focus()}
     >
       <div class={tootComposers.replyInput}>
-        <Avatar src={props.profile.inf?.avatar} />
+        <Avatar src={props.profile.inf?.avatar} sx={{marginLeft: '-0.25em'}} />
         <textarea
           ref={inputRef!}
           placeholder={`Reply to ${props.replyToDisplayName}...`}
           style={{ width: "100%", border: "none" }}
         ></textarea>
-        <IconButton>
+        <IconButton sx={{marginRight: '-0.5em'}}>
           <Send />
         </IconButton>
       </div>
@@ -248,10 +243,10 @@ const ReplyEditor: Component<{
       <div
         style={{
           display: "flex",
-          "justify-content": "flex-end",
+          "justify-content": "space-between",
           "margin-top": "8px",
           gap: "16px",
-          "flex-flow": "row wrap"
+          "flex-flow": "row wrap",
         }}
       >
         <Button onClick={[setLangPickerOpen, true]}>