From aa67e21bb1104642a3707b86e6fea92d55d3a1c2 Mon Sep 17 00:00:00 2001
From: Gao Sun <gaosun.dev@gmail.com>
Date: Mon, 26 Jul 2021 22:39:49 +0800
Subject: [PATCH] fix(sign-in): update style and locale

---
 packages/ui/src/components/MessageBox/index.module.scss | 2 +-
 packages/ui/src/locales/en.json                         | 2 +-
 packages/ui/src/pages/SignIn/index.module.scss          | 4 ++--
 packages/ui/src/pages/SignIn/index.tsx                  | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/ui/src/components/MessageBox/index.module.scss b/packages/ui/src/components/MessageBox/index.module.scss
index 2c5ec082f..f31545139 100644
--- a/packages/ui/src/components/MessageBox/index.module.scss
+++ b/packages/ui/src/components/MessageBox/index.module.scss
@@ -1,7 +1,7 @@
 @use '/src/scss/underscore' as _;
 
 .messageBox {
-  font: var(--font-body);
+  font: var(--font-body-bold);
   padding: _.unit(2) _.unit(5);
   border-radius: _.unit();
 
diff --git a/packages/ui/src/locales/en.json b/packages/ui/src/locales/en.json
index 0bb8ab813..8b9accaa3 100644
--- a/packages/ui/src/locales/en.json
+++ b/packages/ui/src/locales/en.json
@@ -2,7 +2,7 @@
   "translation": {
     "sign_in": "Sign In",
     "sign_in.loading": "Signing in...",
-    "sign_in.error": "Username or password invalid.",
+    "sign_in.error": "Username or password is invalid.",
     "sign_in.username": "Username",
     "sign_in.password": "Password"
   }
diff --git a/packages/ui/src/pages/SignIn/index.module.scss b/packages/ui/src/pages/SignIn/index.module.scss
index 1c75520c7..3d33b4184 100644
--- a/packages/ui/src/pages/SignIn/index.module.scss
+++ b/packages/ui/src/pages/SignIn/index.module.scss
@@ -15,11 +15,11 @@
   }
 
   .box {
-    margin-top: _.unit(3);
     margin-bottom: _.unit(-6);
   }
 
-  > input:not([type='button']) {
+  > input:not([type='button']),
+  .box {
     margin-top: _.unit(3);
     width: 100%;
     max-width: 320px;
diff --git a/packages/ui/src/pages/SignIn/index.tsx b/packages/ui/src/pages/SignIn/index.tsx
index c4f901ed0..398776955 100644
--- a/packages/ui/src/pages/SignIn/index.tsx
+++ b/packages/ui/src/pages/SignIn/index.tsx
@@ -28,7 +28,7 @@ const Home = () => {
 
   return (
     <form className={styles.wrapper}>
-      <div className={styles.title}>登录 Logto</div>
+      <div className={styles.title}>Sign in to Logto</div>
       <Input
         autoComplete="username"
         isDisabled={isLoading}