Show images edge-to-edge in mobile

src/routes/+layout.svelte

@@ -118,7 +118,7 @@
            it first and it reappears once the top is reached. Desktop only. -->
       <div class="hidden md:block md:h-6" aria-hidden="true"></div>
       <div
-        class="min-h-[calc(100dvh_-_4rem)] bg-white px-6 pt-8 pb-20 shadow-lg md:min-h-full md:rounded-t-xl md:px-10 md:pt-6"
+        class="min-h-[calc(100dvh_-_4rem)] bg-white px-6 pt-4 md:pt-8 pb-20 shadow-lg md:min-h-full md:rounded-t-xl md:px-10 md:pt-6"
       >
         {@render children()}
       </div>

src/routes/+page.svelte

@@ -59,7 +59,11 @@
 {#if MODE === "simple"}
   <DiscussionsFeed groupId={GROUP_ID} title="Discussions" />
 {:else}
-  <h1 class="py-2 text-[1.65rem] text-brand">Rooms</h1>
+  {#if partial}
+    <hr class="text-neutral-300" />
+  {:else}
+    <h1 class="py-2 text-[1.65rem] text-brand">Forum rooms</h1>
+  {/if}
 
   {#if groupsStore.list.length === 0}
     <p class="py-6 text-sm text-neutral-400">