...

3 files changed, 16 insertions, 9 deletions

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