A few ui tweaks

src/routes/notes/+page.svelte

@@ -1,8 +1,16 @@
 <script lang="ts">
   import {pubkey} from "@welshman/app"
+  import Page from '@lib/components/Page.svelte'
   import Chat from "@app/components/Chat.svelte"
 
   $: id = $pubkey!
 </script>
 
-<Chat {id} />
+<Page>
+  <Chat {id}>
+    <p slot="info">
+      This is a place for your notes. Everything you write here is encrypted
+      and stored on the nostr network.
+    </p>
+  </Chat>
+</Page>

src/routes/people/+page.svelte

@@ -17,7 +17,6 @@
   $: pubkeys = term ? $profileSearch.searchValues(term) : defaultPubkeys
 
   onMount(() => {
-    console.log(element)
     const scroller = createScroller({
       element,
       onScroll: () => {

src/routes/spaces/[relay]/[room]/+page.svelte

@@ -52,7 +52,7 @@
 
   const onSubmit = ({content, tags}: EventContent) => {
     const event = createEvent(MESSAGE, {content, tags: append(tagRoom(room, url), tags)})
-    const thunk = publishThunk({event, relays: [url], delay: 2000})
+    const thunk = publishThunk({event, relays: [url], delay: 3000})
 
     thunks.update(assoc(thunk.event.id, thunk))
   }

src/routes/spaces/[relay]/threads/[id]/+page.svelte

@@ -56,17 +56,17 @@
     {/if}
     {#each sortBy(e => -e.created_at, $replies) as reply (reply.id)}
       <NoteCard event={reply} class="card2 bg-alt z-feature w-full">
-        <div class="ml-12">
+        <div class="ml-12 col-3">
           <Content event={reply} />
+          <ThreadActions event={reply} {url} />
         </div>
-        <ThreadActions event={reply} {url} />
       </NoteCard>
     {/each}
     <NoteCard event={$event} class="card2 bg-alt z-feature w-full">
-      <div class="ml-12">
+      <div class="ml-12 col-3">
         <Content event={$event} />
+        <ThreadActions event={$event} {url} />
       </div>
-      <ThreadActions event={$event} {url} />
     </NoteCard>
   {:else}
     {#await sleep(5000)}