From b58640beb2129c096d8ab73c8f89642301972b67 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Sat, 5 Sep 2026 11:29:41 +0200
Subject: [PATCH] Unify card title size to text-sm

Several CardTitle usages were text-base while others were already
text-sm, giving section headers inconsistent sizes across pages.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01BuWtppPBizG2NQRa31FCRa
---
 app/(app)/devices/page.tsx            | 2 +-
 app/(app)/page.tsx                    | 2 +-
 app/(app)/sessions/[id]/page.tsx      | 4 ++--
 app/(app)/sessions/page.tsx           | 2 +-
 components/stats/DeviceUsageTable.tsx | 4 ++--
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/app/(app)/devices/page.tsx b/app/(app)/devices/page.tsx
index d0fabfe..a38c86f 100644
--- a/app/(app)/devices/page.tsx
+++ b/app/(app)/devices/page.tsx
@@ -24,7 +24,7 @@ export default async function DevicesPage({
       </div>
       <Card className="bp-glass">
         <CardHeader>
-          <CardTitle className="text-base">Known devices</CardTitle>
+          <CardTitle className="text-sm">Known devices</CardTitle>
         </CardHeader>
         <CardContent className="flex flex-col gap-3">
           <DevicesTable devices={devices} />
diff --git a/app/(app)/page.tsx b/app/(app)/page.tsx
index 47f8ae0..eaf0f76 100644
--- a/app/(app)/page.tsx
+++ b/app/(app)/page.tsx
@@ -56,7 +56,7 @@ export default async function DashboardPage() {
 
       <Card className="bp-glass">
         <CardHeader>
-          <CardTitle className="text-base">Recent sessions</CardTitle>
+          <CardTitle className="text-sm">Recent sessions</CardTitle>
         </CardHeader>
         <CardContent className="flex flex-col gap-3">
           <SessionsTable sessions={recentSessions} />
diff --git a/app/(app)/sessions/[id]/page.tsx b/app/(app)/sessions/[id]/page.tsx
index dfad216..afe2a50 100644
--- a/app/(app)/sessions/[id]/page.tsx
+++ b/app/(app)/sessions/[id]/page.tsx
@@ -72,7 +72,7 @@ export default async function SessionDetailPage({ params }: { params: Promise<{
 
       <Card className="bp-glass">
         <CardHeader>
-          <CardTitle className="text-base">Intensity timeline</CardTitle>
+          <CardTitle className="text-sm">Intensity timeline</CardTitle>
         </CardHeader>
         <CardContent>
           <SessionTimelineChart timeline={timeline} />
@@ -81,7 +81,7 @@ export default async function SessionDetailPage({ params }: { params: Promise<{
 
       <Card className="bp-glass">
         <CardHeader>
-          <CardTitle className="text-base">Devices</CardTitle>
+          <CardTitle className="text-sm">Devices</CardTitle>
         </CardHeader>
         <CardContent className="flex flex-col gap-1">
           {detail.devices.map((d) => (
diff --git a/app/(app)/sessions/page.tsx b/app/(app)/sessions/page.tsx
index 982b48d..0de51d9 100644
--- a/app/(app)/sessions/page.tsx
+++ b/app/(app)/sessions/page.tsx
@@ -24,7 +24,7 @@ export default async function SessionsPage({
       </div>
       <Card className="bp-glass">
         <CardHeader>
-          <CardTitle className="text-base">History</CardTitle>
+          <CardTitle className="text-sm">History</CardTitle>
         </CardHeader>
         <CardContent className="flex flex-col gap-3">
           <SessionsTable sessions={sessions} />
diff --git a/components/stats/DeviceUsageTable.tsx b/components/stats/DeviceUsageTable.tsx
index 542cdc8..b43bca6 100644
--- a/components/stats/DeviceUsageTable.tsx
+++ b/components/stats/DeviceUsageTable.tsx
@@ -16,7 +16,7 @@ export function DeviceUsageTable({ devices }: { devices: DeviceUsageRow[] }) {
     return (
       <Card className="bp-glass">
         <CardHeader>
-          <CardTitle className="text-base">Device usage</CardTitle>
+          <CardTitle className="text-sm">Device usage</CardTitle>
         </CardHeader>
         <CardContent className="text-sm text-muted-foreground">No device activity yet.</CardContent>
       </Card>
@@ -26,7 +26,7 @@ export function DeviceUsageTable({ devices }: { devices: DeviceUsageRow[] }) {
   return (
     <Card className="bp-glass">
       <CardHeader>
-        <CardTitle className="text-base">Device usage</CardTitle>
+        <CardTitle className="text-sm">Device usage</CardTitle>
       </CardHeader>
       <CardContent>
         <Table>