feat: improve ui

apps/desktop2/src/components/text.tsx

@@ -13,7 +13,7 @@ export function TextNote({
     <Note.Provider event={event}>
       <Note.Root
         className={cn(
-          "mb-3 flex flex-col gap-2 border-b border-neutral-100 pb-3 dark:border-neutral-900",
+          "mb-5 flex flex-col gap-2 border-b border-neutral-100 pb-5 dark:border-neutral-900",
           className,
         )}
       >
@@ -21,16 +21,15 @@ export function TextNote({
         <div className="flex gap-3">
           <div className="size-11 shrink-0" />
           <div className="min-w-0 flex-1">
-            <Note.Thread className="mb-2" />
-            <Note.Content />
-            <div className="mt-5 flex items-center justify-between">
-              <Note.Reaction />
-              <div className="inline-flex items-center gap-4">
+            <Note.Content className="mb-2" />
+            <Note.Thread />
+            <div className="mt-4 flex items-center justify-between">
+              <div className="-ml-1 inline-flex items-center gap-4">
                 <Note.Reply />
                 <Note.Repost />
                 <Note.Zap />
-                <Note.Menu />
               </div>
+              <Note.Menu />
             </div>
           </div>
         </div>