src/routes/+page.svelte

@@ -7,6 +7,7 @@
     import { haversineDistance, timeToMins } from "$lib";
     import Button from "$lib/components/Button.svelte";
     import { urldecodeSortFilter } from "$lib/filter.js";
+    import { invalidate, invalidateAll } from "$app/navigation";
 
     const { data } = $props();
     const {
@@ -170,7 +171,12 @@
 
 <footer>
     {#if session}
-        <Button onclick={() => supabase.auth.signOut()}>Signout</Button>
+        <Button
+            onclick={async () => {
+                await supabase.auth.signOut();
+                invalidateAll();
+            }}>Signout</Button
+        >
     {:else}
         <Button href="/auth" type="link">Login / Signup</Button>
     {/if}
@@ -183,7 +189,7 @@
         grid-template-columns: 1fr 1fr;
         gap: 1rem;
         padding: 1rem;
-        max-width: 600px;
+        max-width: 32rem;
         width: 100%;
         margin: 0 auto;
     }

src/routes/filter/+page.svelte

@@ -215,7 +215,7 @@
         flex-direction: column;
         gap: 1rem;
         padding: 1rem;
-        max-width: 800px;
+        max-width: 32rem;
         margin: auto;
     }
     .controls {