From c5e30530c7e4b5334e0cc107c92c8ef0ac92f729 Mon Sep 17 00:00:00 2001
From: BoulderBadgeDad <batmanesignal@gmail.com>
Date: Mon, 15 Jun 2026 11:42:32 -0700
Subject: [PATCH] video: card hover shows an info badge, not a misleading play
 button
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Search / trending / filmography poster cards open the DETAIL page on click, so
the center ▶ read as 'play' wrongly. Swapped it for an italic 'i' info badge
('view details').
---
 webui/static/video/video-person.js |  2 +-
 webui/static/video/video-search.js |  2 +-
 webui/static/video/video-side.css  | 10 ++++++----
 3 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/webui/static/video/video-person.js b/webui/static/video/video-person.js
index bfa7558c..1cdca811 100644
--- a/webui/static/video/video-person.js
+++ b/webui/static/video/video-person.js
@@ -51,7 +51,7 @@
         return '<a class="vsr-card" href="' + href + '" ' +
             'data-vp-open="' + c.kind + '" data-vp-source="' + source + '" data-vp-cid="' + id + '">' +
             '<div class="vsr-poster">' + img + ribbon +
-            '<span class="vsr-play" aria-hidden="true">▶</span></div>' +
+            '<span class="vsr-peek" aria-hidden="true">i</span></div>' +
             '<div class="vsr-info"><span class="vsr-name" title="' + esc(c.title) + '">' + esc(c.title) +
             '</span><span class="vsr-sub">' + esc(sub) + '</span></div></a>';
     }
diff --git a/webui/static/video/video-search.js b/webui/static/video/video-search.js
index a3d77a28..17909e2b 100644
--- a/webui/static/video/video-search.js
+++ b/webui/static/video/video-search.js
@@ -55,7 +55,7 @@
         return '<a class="vsr-card" href="' + href + '" ' +
             'data-vsr-open="' + it.kind + '" data-vsr-source="' + source + '" data-vsr-id="' + id + '">' +
             '<div class="vsr-poster">' + img + ribbon + rating +
-            '<span class="vsr-play" aria-hidden="true">▶</span></div>' +
+            '<span class="vsr-peek" aria-hidden="true">i</span></div>' +
             '<div class="vsr-info"><span class="vsr-name" title="' + esc(it.title) + '">' + esc(it.title) +
             '</span><span class="vsr-sub">' + esc(sub) + '</span></div></a>';
     }
diff --git a/webui/static/video/video-side.css b/webui/static/video/video-side.css
index 5d4dfbac..e4bceadc 100644
--- a/webui/static/video/video-side.css
+++ b/webui/static/video/video-side.css
@@ -886,15 +886,17 @@ a.vd-prov:hover img, a.vd-prov:hover .vd-prov-ph { border-color: rgba(var(--vd-a
     transition: opacity 0.3s ease;
 }
 .vsr-card:hover .vsr-poster::after { opacity: 1; }
-.vsr-play {
+/* hover affordance = "view details" (an info badge), NOT a play button */
+.vsr-peek {
     position: absolute; left: 50%; top: 50%; z-index: 3;
-    width: 46px; height: 46px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
-    background: rgba(var(--vd-accent-rgb), 0.92); color: #fff; font-size: 17px;
+    width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
+    background: rgba(var(--vd-accent-rgb), 0.92); color: #fff;
+    font-family: Georgia, 'Times New Roman', serif; font-style: italic; font-weight: 700; font-size: 22px;
     transform: translate(-50%, -50%) scale(0.5); opacity: 0;
     box-shadow: 0 6px 20px rgba(var(--vd-accent-rgb), 0.5);
     transition: transform 0.3s cubic-bezier(0.2, 0.9, 0.3, 1.4), opacity 0.25s ease;
 }
-.vsr-card:hover .vsr-play { transform: translate(-50%, -50%) scale(1); opacity: 1; }
+.vsr-card:hover .vsr-peek { transform: translate(-50%, -50%) scale(1); opacity: 1; }
 
 /* ribbon + rating chips */
 .vsr-ribbon {