From bdc607c6c5d9fb3d89640613e014fbcd030b06db Mon Sep 17 00:00:00 2001
From: chenhang <averych@126.com>
Date: Thu, 11 Jun 2026 18:58:01 +0800
Subject: [PATCH] fix(auth): update legal text and center icon+label in auth
 buttons

- Update auth-legal-text copy to "I agree to the Cozsweet Privacy
  Agreement and Terms of User", keeping the two external links.
- Center the Facebook icon and "Login with Facebook" label as a group
  inside the main Facebook button (change .facebookLabel flex).
- Apply the same centering to the shared AuthSocialButton .label rule
  so the Email and Facebook entries in the "Other Sign-in Options"
  bottom sheet also render icon+text centered.

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/app/auth/components/auth-facebook-panel.module.css | 2 +-
 src/app/auth/components/auth-legal-text.tsx            | 7 +++----
 src/app/auth/components/auth-social-button.module.css  | 2 +-
 3 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/app/auth/components/auth-facebook-panel.module.css b/src/app/auth/components/auth-facebook-panel.module.css
index 2a156e2d..f1c55ce4 100644
--- a/src/app/auth/components/auth-facebook-panel.module.css
+++ b/src/app/auth/components/auth-facebook-panel.module.css
@@ -71,7 +71,7 @@
 }
 
 .facebookLabel {
-  flex: 1 1 auto;
+  flex: 0 0 auto;
   text-align: center;
 }
 
diff --git a/src/app/auth/components/auth-legal-text.tsx b/src/app/auth/components/auth-legal-text.tsx
index c0623aba..6fbe17c3 100644
--- a/src/app/auth/components/auth-legal-text.tsx
+++ b/src/app/auth/components/auth-legal-text.tsx
@@ -32,14 +32,14 @@ export function AuthLegalText() {
         {checked ? <span className={styles.checkboxInner} /> : null}
       </button>
       <p className={styles.text}>
-        By continuing, you agree to {AppConstants.appTitle}&apos;s{" "}
+        I agree to the{" "}
         <a
           href={AppConstants.privacyPolicyUrl}
           className={styles.link}
           target="_blank"
           rel="noreferrer"
         >
-          Privacy Policy
+          Cozsweet Privacy Agreement
         </a>{" "}
         and{" "}
         <a
@@ -48,9 +48,8 @@ export function AuthLegalText() {
           target="_blank"
           rel="noreferrer"
         >
-          Terms of Service
+          Terms of User
         </a>
-        .
       </p>
     </div>
   );
diff --git a/src/app/auth/components/auth-social-button.module.css b/src/app/auth/components/auth-social-button.module.css
index 36b41014..b2822c79 100644
--- a/src/app/auth/components/auth-social-button.module.css
+++ b/src/app/auth/components/auth-social-button.module.css
@@ -45,6 +45,6 @@
 }
 
 .label {
-  flex: 1 1 auto;
+  flex: 0 0 auto;
   text-align: center;
 }