From 39e851b73501d9e3e8ba4d9fe884d7117a2611e5 Mon Sep 17 00:00:00 2001
From: mplorentz <mplorentz@noreply.gitea.coracle.social>
Date: Thu, 26 Mar 2026 11:42:08 -0400
Subject: [PATCH] Improve pinned video layout

---
 src/app/components/VideoCallContent.svelte | 2 +-
 src/routes/spaces/[relay]/[h]/+page.svelte | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/app/components/VideoCallContent.svelte b/src/app/components/VideoCallContent.svelte
index 46829f05..51114a05 100644
--- a/src/app/components/VideoCallContent.svelte
+++ b/src/app/components/VideoCallContent.svelte
@@ -222,7 +222,7 @@
         </div>
       {:else if useMultiGrid}
         <div
-          class="grid min-h-0 flex-1 auto-rows-fr grid-cols-1 gap-2 overflow-y-auto sm:grid-cols-2">
+          class="grid min-h-0 flex-1 grid-cols-1 content-start gap-2 overflow-y-auto sm:grid-cols-2">
           {#each tiles as tile (tileKey(tile))}
             {@render videoTile(tile, "default")}
           {/each}
diff --git a/src/routes/spaces/[relay]/[h]/+page.svelte b/src/routes/spaces/[relay]/[h]/+page.svelte
index b67c5236..aeeacc34 100644
--- a/src/routes/spaces/[relay]/[h]/+page.svelte
+++ b/src/routes/spaces/[relay]/[h]/+page.svelte
@@ -551,6 +551,8 @@
   class={cx(
     "chat__compose-zone flex flex-col gap-1 bg-base-200 md:flex-row md:gap-0",
     voiceConnectedHere && voiceDesktopPanel === "split" && "cw-split-chat",
+    pageContentHiddenDesktopVideoOnly && "md:hidden",
+    showMobileVideoPanel && "max-md:hidden",
   )}
   bind:this={chatCompose}>
   <div class="chat__compose-inner min-w-0 flex-1">