From 25e63fcf024ef231d84e469bf67ef6e7c686362a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marc-Andr=C3=A9=20Bombeck?= <mbombeck@gmail.com>
Date: Fri, 15 May 2026 20:59:52 +0200
Subject: [PATCH] fix(ui): widen scroll-mt on about and privacy anchors so the
 sticky header does not occlude the section start
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Both pages anchored their sections at scroll-mt-20 (80 px). The sticky
header pads safe-area-inset-top (~47 px on a notch device) plus py-3
plus an inner min-h-11 link, landing around 115 px — past the 80 px
offset. Lifting to scroll-mt-28 (112 px) clears the header on every
viewport we ship to without over-padding the desktop case.
---
 src/app/about/page.tsx   | 2 +-
 src/app/privacy/page.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index e9020ebb0..b13b41eaa 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -42,7 +42,7 @@ function Section({
   children: React.ReactNode;
 }) {
   return (
-    <section id={id} className="space-y-3 scroll-mt-20">
+    <section id={id} className="space-y-3 scroll-mt-28">
       <h2 className="text-xl font-semibold tracking-tight md:text-2xl">
         {title}
       </h2>
diff --git a/src/app/privacy/page.tsx b/src/app/privacy/page.tsx
index e56a215a7..6e2b095c3 100644
--- a/src/app/privacy/page.tsx
+++ b/src/app/privacy/page.tsx
@@ -48,7 +48,7 @@ interface SectionProps {
 
 function Section({ id, title, children }: SectionProps) {
   return (
-    <section id={id} className="space-y-3 scroll-mt-20">
+    <section id={id} className="space-y-3 scroll-mt-28">
       <h2 className="text-xl font-semibold tracking-tight md:text-2xl">
         {title}
       </h2>