ui fixes

app/glossary/glossary-client.tsx

@@ -8,7 +8,6 @@ import { Input } from "@/components/ui/input";
 import { Card, CardContent } from "@/components/ui/card";
 import { cn } from "@/lib/utils";
 import { Button, buttonVariants } from "@/components/ui/button";
-import { ReadingSettings } from "@/components/reading-settings";
 import {
   Drawer,
   DrawerClose,
@@ -389,22 +388,17 @@ export function GlossaryClient({
     <>
       {/* Sticky 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="/"
-              className="text-sm text-muted-foreground hover:text-foreground transition-colors"
-            >
-              &larr; Home
-            </Link>
-            <h1 className="mt-3 text-2xl font-bold text-foreground">
-              <span className="text-primary">Glossary: </span>
-              {activeEntry?.term || activeLetter}
-            </h1>
-          </div>
-          <div className="shrink-0 pt-1">
-            <ReadingSettings />
-          </div>
+        <div className="max-w-5xl mx-auto">
+          <Link
+            href="/"
+            className="text-sm text-muted-foreground hover:text-foreground transition-colors"
+          >
+            &larr; Home
+          </Link>
+          <h1 className="mt-3 text-2xl font-bold text-foreground">
+            <span className="text-primary">Glossary: </span>
+            {activeEntry?.term || activeLetter}
+          </h1>
         </div>
       </header>
 

app/layout.tsx

@@ -82,7 +82,6 @@ export default function RootLayout({
                   <div className="flex-1 flex flex-col md:pl-16 pb-16 md:pb-0">
                     <SiteHeader />
                     {children}
-                    <SiteFooter />
                   </div>
                   <SiteBottomNav />
                   <TextSelectionToolbar />

app/letters/filter-year-browser.tsx

@@ -4,7 +4,6 @@ import { useState, useMemo, useRef } from "react";
 import Link from "next/link";
 import { Card, CardContent } from "@/components/ui/card";
 import { buttonVariants } from "@/components/ui/button";
-import { ReadingSettings } from "@/components/reading-settings";
 import { cn } from "@/lib/utils";
 import { ChevronLeft, ChevronRight, Menu } from "lucide-react";
 import {
@@ -451,29 +450,24 @@ export function FilterYearBrowser({
     <>
       {/* 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={backHref}
-              className="text-sm text-muted-foreground hover:text-foreground transition-colors"
-            >
-              &larr; {backLabel}
-            </Link>
-            <h1 className="mt-3 text-2xl font-bold text-foreground">
-              <span className="text-primary">
-                {titlePrefix} {filterName}:{" "}
-              </span>
-              {activeYearLabel}
-            </h1>
-            <p className="mt-1 text-muted-foreground">
-              {activeGroup?.count ?? 0}{" "}
-              {(activeGroup?.count ?? 0) === 1 ? "letter" : "letters"} in{" "}
-              {activeYearLabel} · {totalCount} total
-            </p>
-          </div>
-          <div className="shrink-0 pt-1">
-            <ReadingSettings />
-          </div>
+        <div className="max-w-5xl mx-auto">
+          <Link
+            href={backHref}
+            className="text-sm text-muted-foreground hover:text-foreground transition-colors"
+          >
+            &larr; {backLabel}
+          </Link>
+          <h1 className="mt-3 text-2xl font-bold text-foreground">
+            <span className="text-primary">
+              {titlePrefix} {filterName}:{" "}
+            </span>
+            {activeYearLabel}
+          </h1>
+          <p className="mt-1 text-muted-foreground">
+            {activeGroup?.count ?? 0}{" "}
+            {(activeGroup?.count ?? 0) === 1 ? "letter" : "letters"} in{" "}
+            {activeYearLabel} · {totalCount} total
+          </p>
         </div>
       </header>
 

app/letters/year/[year]/year-month-browser.tsx

@@ -4,7 +4,6 @@ import { useState, useMemo, useRef } from "react";
 import Link from "next/link";
 import { Card, CardContent } from "@/components/ui/card";
 import { buttonVariants } from "@/components/ui/button";
-import { ReadingSettings } from "@/components/reading-settings";
 import { cn } from "@/lib/utils";
 import { ChevronLeft, ChevronRight, Menu } from "lucide-react";
 import {
@@ -356,27 +355,22 @@ export function YearMonthBrowser({
     <>
       {/* 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="/letters?view=year"
-              className="text-sm text-muted-foreground hover:text-foreground transition-colors"
-            >
-              &larr; Letters by Year
-            </Link>
-            <h1 className="mt-3 text-2xl font-bold text-foreground">
-              <span className="text-primary">Letters: </span>
-              {activeLabel} {year}
-            </h1>
-            <p className="mt-1 text-muted-foreground">
-              {activeGroup?.count ?? 0}{" "}
-              {(activeGroup?.count ?? 0) === 1 ? "letter" : "letters"} ·{" "}
-              {totalCount} total in {year}
-            </p>
-          </div>
-          <div className="shrink-0 pt-1">
-            <ReadingSettings />
-          </div>
+        <div className="max-w-5xl mx-auto">
+          <Link
+            href="/letters?view=year"
+            className="text-sm text-muted-foreground hover:text-foreground transition-colors"
+          >
+            &larr; Letters by Year
+          </Link>
+          <h1 className="mt-3 text-2xl font-bold text-foreground">
+            <span className="text-primary">Letters: </span>
+            {activeLabel} {year}
+          </h1>
+          <p className="mt-1 text-muted-foreground">
+            {activeGroup?.count ?? 0}{" "}
+            {(activeGroup?.count ?? 0) === 1 ? "letter" : "letters"} ·{" "}
+            {totalCount} total in {year}
+          </p>
         </div>
       </header>
 

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>