From 8917cbfe42c71d52e20dca4d92c8041e4f7062c7 Mon Sep 17 00:00:00 2001
From: Mao Nakamoto <maonakamoto@users.noreply.github.com>
Date: Sat, 29 Aug 2026 11:38:35 +0000
Subject: [PATCH] fix(profile): align @username and Joined-date baselines in
 profile header
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Visitor feedback on /profiles/mao: the @username and "Joined <date>"
badge looked misaligned. Their shared flex row used items-center, so
the smaller "Joined" text (fixed text-xs) was centered against the
taller @username line-height (which grows to md:text-lg), pulling it
visibly below the username's baseline. Switch to items-baseline —
the same convention already used for this pattern in ProfileCard.tsx.
---
 src/components/profile/ProfileLayout.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/profile/ProfileLayout.tsx b/src/components/profile/ProfileLayout.tsx
index 94913cfaa..3ab1504be 100644
--- a/src/components/profile/ProfileLayout.tsx
+++ b/src/components/profile/ProfileLayout.tsx
@@ -237,7 +237,7 @@ export default function ProfileLayout({
             <h1 className="mb-1 break-words text-xl font-bold text-fg-primary sm:mb-2 sm:text-2xl md:text-3xl">
               {profile.name || profile.username || 'User'}
             </h1>
-            <div className="mb-3 flex flex-wrap items-center gap-x-3 gap-y-1 sm:mb-4">
+            <div className="mb-3 flex flex-wrap items-baseline gap-x-3 gap-y-1 sm:mb-4">
               <p className="break-all text-sm font-medium text-fg-secondary sm:text-base md:text-lg">
                 @{profile.username}
               </p>