From fd333159f690027196d53b9640dcfac0f576f178 Mon Sep 17 00:00:00 2001
From: gosangam <sangam4742@gmail.com>
Date: Tue, 2 Jun 2026 23:51:42 +0530
Subject: [PATCH] fix: font size revert

---
 app/(app)/settings/page.tsx | 52 ++++++++++++++++++-------------------
 1 file changed, 26 insertions(+), 26 deletions(-)

diff --git a/app/(app)/settings/page.tsx b/app/(app)/settings/page.tsx
index 12800fa3..7375fac7 100644
--- a/app/(app)/settings/page.tsx
+++ b/app/(app)/settings/page.tsx
@@ -39,9 +39,9 @@ export default function SettingsPage() {
       <header className="space-y-1">
         <Link
           href="/u/me"
-          className="inline-flex items-center gap-1 text-base text-muted-foreground hover:text-foreground transition-colors"
+          className="inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground transition-colors"
         >
-          <ChevronLeft className="size-5" />
+          <ChevronLeft className="size-4" />
           Back to profile
         </Link>
         <h1 className="font-[family-name:var(--font-title)] text-3xl font-semibold text-foreground pt-2">
@@ -102,12 +102,12 @@ function SignOutSection() {
           type="button"
           onClick={onSignOut}
           disabled={busy}
-          className="w-full flex items-center justify-between py-3.5 group disabled:opacity-60"
+          className="w-full flex items-center justify-between py-3 group disabled:opacity-60"
         >
-          <span className="text-base text-foreground group-hover:text-primary transition-colors">
+          <span className="text-sm text-foreground group-hover:text-primary transition-colors">
             {busy ? "Signing out…" : "Sign out from this device"}
           </span>
-          <LogOut className="size-5 text-muted-foreground group-hover:text-foreground transition-colors" />
+          <LogOut className="size-4 text-muted-foreground group-hover:text-foreground transition-colors" />
         </button>
       </li>
     </ul>
@@ -126,11 +126,11 @@ function Section({
   return (
     <section className="space-y-4">
       <div className="border-b border-border pb-3">
-        <h2 className="font-[family-name:var(--font-title)] text-2xl font-semibold text-foreground">
+        <h2 className="font-[family-name:var(--font-title)] text-xl font-semibold text-foreground">
           {title}
         </h2>
         {description ? (
-          <p className="text-base text-muted-foreground mt-1">{description}</p>
+          <p className="text-sm text-muted-foreground mt-1">{description}</p>
         ) : null}
       </div>
       <div>{children}</div>
@@ -186,7 +186,7 @@ function AuthenticationSection() {
     return (
       <a
         href={startOAuth(provider)}
-        className="text-base font-medium text-primary hover:underline"
+        className="text-sm font-medium text-primary hover:underline"
       >
         Connect
       </a>
@@ -222,7 +222,7 @@ function AuthenticationSection() {
               <button
                 type="button"
                 onClick={() => setEmailModalOpen(true)}
-                className="text-base font-medium text-primary hover:underline"
+                className="text-sm font-medium text-primary hover:underline"
               >
                 Add email
               </button>
@@ -238,7 +238,7 @@ function AuthenticationSection() {
                 <button
                   type="button"
                   onClick={() => setPwModalOpen(true)}
-                  className="text-base font-medium text-primary hover:underline"
+                  className="text-sm font-medium text-primary hover:underline"
                 >
                   Change
                 </button>
@@ -291,13 +291,13 @@ function VerifyEmailRow({ email }: { email: string }) {
       }
       action={
         sent ? (
-          <span className="text-base text-muted-foreground">Sent</span>
+          <span className="text-sm text-muted-foreground">Sent</span>
         ) : (
           <button
             type="button"
             onClick={onResend}
             disabled={busy}
-            className="text-base font-medium text-primary hover:underline disabled:opacity-60"
+            className="text-sm font-medium text-primary hover:underline disabled:opacity-60"
           >
             {busy ? "Sending…" : "Resend"}
           </button>
@@ -329,7 +329,7 @@ function LinkResult() {
 
   if (status === "ok") {
     return (
-      <p className="mb-4 inline-flex items-center gap-2 rounded-md bg-emerald-500/10 text-emerald-700 dark:text-emerald-300 px-3 py-2 text-base">
+      <p className="mb-4 inline-flex items-center gap-2 rounded-md bg-emerald-500/10 text-emerald-700 dark:text-emerald-300 px-3 py-2 text-sm">
         <Check className="size-4" />
         Connected your {name} account.
       </p>
@@ -337,7 +337,7 @@ function LinkResult() {
   }
   if (status === "claimed") {
     return (
-      <p className="mb-4 inline-flex items-center gap-2 rounded-md bg-destructive/10 text-destructive px-3 py-2 text-base">
+      <p className="mb-4 inline-flex items-center gap-2 rounded-md bg-destructive/10 text-destructive px-3 py-2 text-sm">
         <AlertCircle className="size-4" />
         That {name} account is already linked to another Prabhupāda Says
         account.
@@ -345,7 +345,7 @@ function LinkResult() {
     );
   }
   return (
-    <p className="mb-4 inline-flex items-center gap-2 rounded-md bg-destructive/10 text-destructive px-3 py-2 text-base">
+    <p className="mb-4 inline-flex items-center gap-2 rounded-md bg-destructive/10 text-destructive px-3 py-2 text-sm">
       <AlertCircle className="size-4" />
       Couldn&apos;t connect your {name} account. Please try again.
     </p>
@@ -354,8 +354,8 @@ function LinkResult() {
 
 function ConnectedPill() {
   return (
-    <span className="inline-flex items-center gap-1 rounded-full bg-emerald-500/10 text-emerald-700 dark:text-emerald-300 px-2.5 py-0.5 text-sm font-medium">
-      <Check className="size-3.5" />
+    <span className="inline-flex items-center gap-1 rounded-full bg-emerald-500/10 text-emerald-700 dark:text-emerald-300 px-2 py-0.5 text-xs font-medium">
+      <Check className="size-3" />
       Connected
     </span>
   );
@@ -378,12 +378,12 @@ function LegalLink({ href, label }: { href: string; label: string }) {
     <li>
       <Link
         href={href}
-        className="flex items-center justify-between py-3.5 group"
+        className="flex items-center justify-between py-3 group"
       >
-        <span className="text-base text-foreground group-hover:text-primary transition-colors">
+        <span className="text-sm text-foreground group-hover:text-primary transition-colors">
           {label}
         </span>
-        <ChevronRight className="size-5 text-muted-foreground group-hover:text-foreground transition-colors" />
+        <ChevronRight className="size-4 text-muted-foreground group-hover:text-foreground transition-colors" />
       </Link>
     </li>
   );
@@ -394,7 +394,7 @@ function LegalLink({ href, label }: { href: string; label: string }) {
 function GoogleGlyph() {
   return (
     <svg
-      className="size-5"
+      className="size-4"
       viewBox="0 0 24 24"
       xmlns="http://www.w3.org/2000/svg"
       aria-hidden
@@ -422,7 +422,7 @@ function GoogleGlyph() {
 function FacebookGlyph() {
   return (
     <svg
-      className="size-5"
+      className="size-4"
       viewBox="0 0 24 24"
       xmlns="http://www.w3.org/2000/svg"
       aria-hidden
@@ -447,14 +447,14 @@ function Row({
   action: React.ReactNode;
 }) {
   return (
-    <li className="flex items-center justify-between gap-4 py-3.5">
+    <li className="flex items-center justify-between gap-4 py-3">
       <div className="min-w-0">
-        <div className="flex items-center gap-2.5">
+        <div className="flex items-center gap-2">
           {icon ? <span className="shrink-0">{icon}</span> : null}
-          <span className="text-base text-foreground truncate">{label}</span>
+          <span className="text-sm text-foreground truncate">{label}</span>
         </div>
         {description ? (
-          <p className="text-sm text-muted-foreground mt-1">{description}</p>
+          <p className="text-xs text-muted-foreground mt-0.5">{description}</p>
         ) : null}
       </div>
       <div className="shrink-0">{action}</div>