💄 udpate mobile view

src/routes/+layout.svelte

···
   );
 
   function comingSoon() {
-    toast("Coming soon!", { icon: "🙈", position: "bottom-end" });
+    toast("Coming soon!", { icon: "🙈", position: "top-center" });
   }
 
   onMount(() => {
···
 </script>
 
 <div class={`${theme_style} font-apfel flex flex-col w-full h-full min-w-screen min-h-screen p-8`}>
-  <main class="p-4 w-full h-full">
+  <section class="p-4 w-full h-full">
     <slot />
-  </main>
+  </section>
 
   <aside class="z-50 absolute inset-x-0 bottom-0 !text-black flex w-full h-fit items-end justify-between p-8">
     <div class="flex flex-col justify-start gap-4">

src/routes/[id]/+page.svelte

···
   }
 </script>
 
-<main class="flex flex-col w-full p-2 pb-12 lg:p-4 lg:pb-24 gap-8 text-xl lg:text-3xl">
+<main class="flex flex-col w-full px-2 pt-8 pb-12 lg:p-4 lg:pb-24 gap-8 text-xl lg:text-3xl">
   {#if list}
     <input 
       type="text"