From d432de8bcbd49da247817258046ef913be999b2f Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Mon, 2 May 2022 18:16:34 +0800
Subject: ...

---
 FrontEnd/src/locales/en/translation.json | 12 ++++++------
 FrontEnd/src/views/settings/index.css    |  7 +++++++
 FrontEnd/src/views/settings/index.tsx    |  6 +++---
 3 files changed, 16 insertions(+), 9 deletions(-)

(limited to 'FrontEnd')

diff --git a/FrontEnd/src/locales/en/translation.json b/FrontEnd/src/locales/en/translation.json
index 082e2836..c0bde4be 100644
--- a/FrontEnd/src/locales/en/translation.json
+++ b/FrontEnd/src/locales/en/translation.json
@@ -177,13 +177,13 @@
       "account": "Account",
       "customization": "Customization"
     },
-    "languagePrimary": "Choose display language.",
+    "languagePrimary": "Choose display language",
     "languageSecondary": "You language preference will be saved locally. Next time you visit this page, last language option will be used.",
-    "changePassword": "Change account's password.",
-    "logout": "Log out this account.",
-    "changeAvatar": "Change avatar.",
-    "changeNickname": "Change nickname.",
-    "changeBookmarkVisibility": "Change bookmark visibility.",
+    "changePassword": "Change account's password",
+    "logout": "Log out this account",
+    "changeAvatar": "Change avatar",
+    "changeNickname": "Change nickname",
+    "changeBookmarkVisibility": "Change bookmark visibility",
     "myRegisterCode": "My register code:",
     "myRegisterCodeDesc": "Click to create a new register code.",
     "renewRegisterCode": "Renew Register Code",
diff --git a/FrontEnd/src/views/settings/index.css b/FrontEnd/src/views/settings/index.css
index 566d501b..ccf7a97a 100644
--- a/FrontEnd/src/views/settings/index.css
+++ b/FrontEnd/src/views/settings/index.css
@@ -12,6 +12,7 @@
   padding: 0.5em 1em;
   transition: background 0.3s;
   border-bottom: 1px solid #e9ecef;
+  align-items: center;
 }
 .settings-item.first {
   border-top: 1px solid #e9ecef;
@@ -22,3 +23,9 @@
 .settings-item:hover {
   background: #dee2e6;
 }
+
+.register-code {
+  border: 1px solid black;
+  border-radius: 3px;
+  padding: 0.2em;
+}
\ No newline at end of file
diff --git a/FrontEnd/src/views/settings/index.tsx b/FrontEnd/src/views/settings/index.tsx
index f5d26e69..de5253dd 100644
--- a/FrontEnd/src/views/settings/index.tsx
+++ b/FrontEnd/src/views/settings/index.tsx
@@ -74,7 +74,7 @@ function SettingItemContainer({
       )}
       onClick={onClick}
     >
-      <div className="px-0 col col-12 col-sm-auto">
+      <div className="px-0 col col-auto">
         <div className={classNames(danger && "cru-color-danger")}>
           {convertI18nText(title, t)}
         </div>
@@ -82,7 +82,7 @@ function SettingItemContainer({
           {convertI18nText(subtext, t)}
         </small>
       </div>
-      <div className="col col-12 col-sm-auto">{children}</div>
+      <div className="col col-auto">{children}</div>
     </div>
   );
 }
@@ -197,7 +197,7 @@ const SettingsPage: React.FC = (_) => {
               ) : registerCode === null ? (
                 <span>Noop</span>
               ) : (
-                <code>{registerCode}</code>
+                <code className="register-code">{registerCode}</code>
               )}
             </SettingItemContainer>
             <ButtonSettingItem
-- 
cgit v1.2.3