Format

src/app/components/Chat.svelte

@@ -161,7 +161,8 @@
         <ChatMessage {event} {thunk} {pubkeys} {showPubkey} />
       {/if}
     {/each}
-    <p class="flex flex-col gap-4 max-w-sm m-auto text-center h-10 items-center justify-center py-20">
+    <p
+      class="m-auto flex h-10 max-w-sm flex-col items-center justify-center gap-4 py-20 text-center">
       <Spinner {loading}>
         {#if loading}
           Looking for messages...

src/app/components/ThunkStatus.svelte

@@ -28,7 +28,7 @@
   $: failure = Object.entries($status).find(([url, s]) => [Failure, Timeout].includes(s.status))
 </script>
 
-<div class="flex justify-end text-xs px-1">
+<div class="flex justify-end px-1 text-xs">
   {#if canCancel || isPending}
     <span class="mt-2 flex items-center gap-1">
       <span class="loading loading-spinner mx-1 h-3 w-3 translate-y-px" />