fix: cap voice grid height so speed/toggles remain visible in settings panel

scraper/internal/server/ui.go

@@ -2330,10 +2330,10 @@ const chapterTmpl = `
        role="dialog"
        aria-label="Reader settings"
        hidden
-       class="fixed inset-x-4 top-1/2 -translate-y-1/2 flex flex-col max-h-[80vh] sm:absolute sm:inset-x-auto sm:top-auto sm:translate-y-0 sm:bottom-[calc(100%+0.25rem)] sm:right-[max(0.5rem,calc(50%-32rem+0.5rem))] sm:w-80 sm:max-h-[80vh] bg-zinc-900 border border-zinc-800 rounded-xl shadow-2xl z-[100]">
+       class="fixed inset-x-4 top-1/2 -translate-y-1/2 sm:absolute sm:inset-x-auto sm:top-auto sm:translate-y-0 sm:bottom-[calc(100%+0.25rem)] sm:right-[max(0.5rem,calc(50%-32rem+0.5rem))] sm:w-80 bg-zinc-900 border border-zinc-800 rounded-xl shadow-2xl z-[100]">
 
     <!-- scrollable body -->
-    <div class="flex-1 overflow-y-auto p-4 min-h-0">
+    <div class="p-4">
 
     <!-- hidden native select keeps existing JS working unchanged -->
     <select id="tts-voice" class="sr-only" aria-hidden="true" tabindex="-1">
@@ -2344,7 +2344,7 @@ const chapterTmpl = `
 
     <div class="mb-4">
       <span class="block text-xs text-zinc-500 mb-2">Voice</span>
-      <div id="voice-grid" class="grid grid-cols-2 gap-1.5">
+      <div id="voice-grid" class="grid grid-cols-2 gap-1.5 max-h-48 overflow-y-auto pr-0.5">
         {{range .Voices}}
         <button type="button"
                 data-voice="{{.ID}}"