Tweak space add

src/app/components/SpaceAdd.svelte

@@ -17,11 +17,10 @@
       Spaces are places where communities come together to work, play, and hang out.
     </p>
   </div>
-  <CardButton icon="add-circle" title="Get started" on:click={startCreate}>
+  <CardButton icon="add-circle" title="Create a space" on:click={startCreate}>
     Just a few questions and you'll be on your way.
   </CardButton>
-  <div class="card2 column gap-4">
+  <CardButton icon="login-2" title="Join a space" on:click={startJoin}>
-    <h2 class="subheading">Have an invite?</h2>
+    Enter an invite code or url to join an existing space.
-    <Button class="btn btn-primary" on:click={startJoin}>Join a Space</Button>
+  </CardButton>
-  </div>
 </div>

src/lib/html.ts

@@ -17,10 +17,9 @@ export const copyToClipboard = (text: string) => {
 }
 
 type ScrollerOpts = {
-  delay?: number
   threshold?: number
   reverse?: boolean
-  element?: Element
+  delay?: number
 }
 
 export const createScroller = (
@@ -31,7 +30,7 @@ export const createScroller = (
   const check = async () => {
     // While we have empty space, fill it
     const {scrollY, innerHeight} = window
-    const {scrollHeight, scrollTop} = document.body
+    const {scrollHeight, scrollTop} = document.querySelector('.max-h-screen')!
     const offset = Math.abs(scrollTop || scrollY)
     const shouldLoad = offset + innerHeight + threshold > scrollHeight
 

src/routes/+layout.svelte

@@ -71,7 +71,7 @@
           publishStatus: storageAdapters.fromObjectStore(publishStatusData),
           freshness: storageAdapters.fromObjectStore(freshness, {throttle: 1000}),
           plaintext: storageAdapters.fromObjectStore(plaintext, {throttle: 1000}),
-          tracker: storageAdapters.fromTracker(tracker),
+          tracker: storageAdapters.fromTracker(tracker, {throttle: 1000}),
         }).then(() => sleep(300)) // Wait an extra few ms because of repository throttle
 
     dialog.addEventListener("close", () => {