diff --git a/src/renderer-streamers.ts b/src/renderer-streamers.ts index 7c9a22d..3079c36 100644 --- a/src/renderer-streamers.ts +++ b/src/renderer-streamers.ts @@ -256,8 +256,10 @@ function buildVodCardHtml(vod: VOD, streamer: string, downloadedIds?: Set ${downloadedBadge} - -
${escapeHtml(vod.duration)}
+
+ +
${escapeHtml(vod.duration)}
+
${safeDisplayTitle}
diff --git a/src/styles.css b/src/styles.css index 5deaab0..248f751 100644 --- a/src/styles.css +++ b/src/styles.css @@ -2969,7 +2969,20 @@ input[type="number"]::-webkit-outer-spin-button { /* ============================================ VOD DURATION BADGE — Twitch-style pill on the thumbnail - ============================================ */ + ============================================ + Sits inside .vod-thumb-wrap so the absolute positioning anchors + to the thumbnail bounds, not the whole card (which would push + the badge past the action buttons at the bottom — regression + reported in 4.6.44 screenshot). */ +.vod-thumb-wrap { + position: relative; + line-height: 0; +} + +.vod-thumb-wrap .vod-thumbnail { + display: block; +} + .vod-duration-badge { position: absolute; bottom: 8px;