ui fixes

app/transcriptions/page.tsx

@@ -44,8 +44,8 @@ export default async function TranscriptionsPage({
           Transcriptions
         </h1>
         <p className="mt-1 text-muted-foreground">
-          {totalCount.toLocaleString()} lectures &amp; conversations of Śrīla
-          Prabhupāda (1966–1977)
+          {totalCount.toLocaleString()}&nbsp;lectures &amp; conversations of
+          Śrīla Prabhupāda (1966–1977)
         </p>
       </PageHeader>
 

app/transcriptions/type/[type]/type-browser.tsx

@@ -5,7 +5,6 @@ import Link from "next/link";
 import { Card, CardContent } from "@/components/ui/card";
 import { Badge } from "@/components/ui/badge";
 import { buttonVariants } from "@/components/ui/button";
-import { ReadingSettings } from "@/components/reading-settings";
 import { cn } from "@/lib/utils";
 import { ChevronLeft, ChevronRight, Menu, Clock, MapPin } from "lucide-react";
 import { PlayAudioButton } from "@/app/transcriptions/[slug]/play-audio-button";
@@ -477,29 +476,24 @@ export function TranscriptionTypeBrowser({
     <>
       {/* Header */}
       <header className="border-b border-border bg-card px-6 py-4 sticky top-0 z-20">
-        <div className="max-w-5xl mx-auto flex items-start justify-between gap-4">
-          <div className="flex-1 min-w-0">
-            <Link
-              href="/transcriptions?view=type"
-              className="text-sm text-muted-foreground hover:text-foreground transition-colors"
-            >
-              &larr; Transcriptions by Type
-            </Link>
-            <h1 className="mt-3 text-2xl font-bold text-foreground">
-              <span className="text-primary">{typeLabel}: </span>
-              {activeYearLabel}
-            </h1>
-            <p className="mt-1 text-muted-foreground">
-              {activeGroup?.count ?? 0}{" "}
-              {(activeGroup?.count ?? 0) === 1
-                ? "transcription"
-                : "transcriptions"}{" "}
-              in {activeYearLabel} · {totalCount} total
-            </p>
-          </div>
-          <div className="shrink-0 pt-1">
-            <ReadingSettings />
-          </div>
+        <div className="max-w-5xl mx-auto">
+          <Link
+            href="/transcriptions?view=type"
+            className="text-sm text-muted-foreground hover:text-foreground transition-colors"
+          >
+            &larr; Transcriptions by Type
+          </Link>
+          <h1 className="mt-3 text-2xl font-bold text-foreground">
+            <span className="text-primary">{typeLabel}: </span>
+            {activeYearLabel}
+          </h1>
+          <p className="mt-1 text-muted-foreground">
+            {activeGroup?.count ?? 0}{" "}
+            {(activeGroup?.count ?? 0) === 1
+              ? "transcription"
+              : "transcriptions"}{" "}
+            in {activeYearLabel} · {totalCount} total
+          </p>
         </div>
       </header>