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/views/settings/index.css | 7 +++++++
 FrontEnd/src/views/settings/index.tsx | 6 +++---
 2 files changed, 10 insertions(+), 3 deletions(-)

(limited to 'FrontEnd/src/views/settings')

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