Videos grid on a wide screen (wide clips only): one clip to a row with its 16:9 poster whole, instead of portrait slivers three across

Co-Authored-By: Claude Opus 5.5 <[email protected]>

1 files changed, 4 insertions, 1 deletions

diff --git a/src/features/messages.js b/src/features/messages.js
index 32d23a9..0f8c78a 100644
--- a/src/features/messages.js
+++ b/src/features/messages.js
@@ -14205,7 +14205,10 @@ export function messagesFeature(ctx) {
       if (missing.length) warmTileThumbs(missing).then(() => queueTileThumbs(missing.filter((u) => !tileThumbs.has(u))));
     }
     if (mediaMode === 'videos') for (const it of items.slice(0, 24)) preconnect(playSrc(it.url));
-    return h('div', { class: 'media-grid', 'data-key': 'media-grid:' + mediaMode },
+    // wide clips only (a wide screen, not "All shapes"): one to a row, wide
+    // posters, not slivers of them cut to portrait tiles (Adam, 2026-10-22)
+    const wideRows = mediaMode === 'videos' && !clipsAll() && !screenTall();
+    return h('div', { class: 'media-grid' + (wideRows ? ' wide' : ''), 'data-key': 'media-grid:' + mediaMode },
       ...items.map((it) => {
         const k = mediaKey(it);
         // a video tile shows a still at once: kept, given, or the server's