From 8c79aa14b778d58f82594872b404aec9a87a9185 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Felix=20F=C3=B6rtsch?= <mail@felixfoertsch.de>
Date: Thu, 12 Mar 2026 15:08:35 +0100
Subject: [PATCH] fix onboarding: consistent text-sm body font, correct iOS
 share icon

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .../onboarding/components/onboarding-form.tsx      | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/features/onboarding/components/onboarding-form.tsx b/src/features/onboarding/components/onboarding-form.tsx
index a6f0d17..081879e 100644
--- a/src/features/onboarding/components/onboarding-form.tsx
+++ b/src/features/onboarding/components/onboarding-form.tsx
@@ -1,6 +1,6 @@
 import { useForm } from "@tanstack/react-form";
 import { useNavigate } from "@tanstack/react-router";
-import { Loader2, Lock, Route, Smartphone } from "lucide-react";
+import { Loader2, Lock, Route, Share, Smartphone } from "lucide-react";
 import { useEffect, useMemo, useState } from "react";
 import { Button } from "@/shared/components/ui/button";
 import { Input } from "@/shared/components/ui/input";
@@ -60,7 +60,7 @@ export function OnboardingForm() {
 					<>
 						<div className="space-y-2 text-center">
 							<h1 className="text-2xl font-bold">Über dich</h1>
-							<p className="text-muted-foreground">
+							<p className="text-sm text-muted-foreground">
 								Diese Angaben helfen uns, deinen Kostenerstattungsantrag
 								vorzubereiten.
 							</p>
@@ -186,7 +186,7 @@ function IntroScreen() {
 				<Route className="size-8 text-primary" />
 			</div>
 			<h1 className="text-2xl font-bold">Willkommen bei TherapyFinder</h1>
-			<p className="text-muted-foreground">
+			<p className="text-sm text-muted-foreground">
 				TherapyFinder begleitet dich auf dem Weg zur Psychotherapie. Die App
 				hilft dir, Kontaktversuche zu dokumentieren, Absagen festzuhalten und
 				deinen Kostenerstattungsantrag vorzubereiten.
@@ -216,7 +216,7 @@ function InstallScreen() {
 				<Smartphone className="size-8 text-primary" />
 			</div>
 			<h1 className="text-2xl font-bold">Als App installieren</h1>
-			<p className="text-muted-foreground">
+			<p className="text-sm text-muted-foreground">
 				Füge TherapyFinder zu deinem Home-Bildschirm hinzu, damit du die App
 				jederzeit wie eine normale App öffnen kannst — auch offline.
 			</p>
@@ -226,10 +226,8 @@ function InstallScreen() {
 					<p className="text-sm font-medium">So geht's auf dem iPhone/iPad:</p>
 					<ol className="list-inside list-decimal space-y-1 text-sm text-muted-foreground">
 						<li>
-							Tippe auf das Teilen-Symbol{" "}
-							<span className="inline-block align-text-bottom text-base">
-								⎙
-							</span>
+							Tippe unten auf das Teilen-Symbol{" "}
+							<Share className="inline size-4 align-text-bottom" />
 						</li>
 						<li>Wähle „Zum Home-Bildschirm"</li>
 						<li>Tippe auf „Hinzufügen"</li>