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]}>