From a4d4d1cea93a70125e41428255ca2666213c206e Mon Sep 17 00:00:00 2001
From: lashman <lashman@robotbrush.com>
Date: Sat, 18 Apr 2026 22:03:02 +0300
Subject: [PATCH] raise subtitle z-index above controls overlay so they stay
 visible when ui fades

---
 src/components/player/LibAssRenderer.tsx  | 2 +-
 src/components/player/SubtitleOverlay.tsx | 2 +-
 src/hooks/use-jellyfin.ts                 | 1 +
 src/pages/StatsPage.tsx                   | 2 +-
 4 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/player/LibAssRenderer.tsx b/src/components/player/LibAssRenderer.tsx
index c6fe119..194955f 100644
--- a/src/components/player/LibAssRenderer.tsx
+++ b/src/components/player/LibAssRenderer.tsx
@@ -85,7 +85,7 @@ export default function LibAssRenderer({ playerRef, subtitleUrl }: Props) {
   return (
     <canvas
       ref={canvasRef}
-      className="absolute inset-0 w-full h-full pointer-events-none z-30"
+      className="absolute inset-0 w-full h-full pointer-events-none z-[100]"
       aria-hidden
     />
   )
diff --git a/src/components/player/SubtitleOverlay.tsx b/src/components/player/SubtitleOverlay.tsx
index d9ca633..eaae588 100644
--- a/src/components/player/SubtitleOverlay.tsx
+++ b/src/components/player/SubtitleOverlay.tsx
@@ -145,7 +145,7 @@ export default function SubtitleOverlay({ playerRef, subtitleUrl }: Props) {
   if (activeCues.length === 0) return null
 
   return (
-    <div className={`${className} z-30`} style={style}>
+    <div className={`${className} z-[100]`} style={style}>
       {activeCues.map((cue, ci) => (
         <div key={ci} className={ci > 0 ? 'mt-1.5' : ''}>
           <span data-cue className="whitespace-pre-line">
diff --git a/src/hooks/use-jellyfin.ts b/src/hooks/use-jellyfin.ts
index 04e1092..709234d 100644
--- a/src/hooks/use-jellyfin.ts
+++ b/src/hooks/use-jellyfin.ts
@@ -133,6 +133,7 @@ export function useLibraryItems(
           'ProviderIds',
           'Width',
           'Height',
+          'RunTimeTicks',
           ...(opts?.includePeople ? (['People'] as const) : []),
         ],
       } as any)
diff --git a/src/pages/StatsPage.tsx b/src/pages/StatsPage.tsx
index f380e67..be5893c 100644
--- a/src/pages/StatsPage.tsx
+++ b/src/pages/StatsPage.tsx
@@ -89,7 +89,7 @@ export default function StatsPage() {
       </header>
 
       {isLoading && items.length === 0 && (
-        <div className="rounded-xl bg-elevated/30 border border-border p-8 text-center">
+        <div className="rounded-xl bg-elevated/30 border border-border p-8 text-center mb-8">
           <p className="text-[13px] text-text-2 font-medium">Crunching the numbers...</p>
         </div>
       )}