From 977dc97011c655978ee25a31db2c347645854ef5 Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Sun, 7 Jun 2020 14:05:04 +0800
Subject: chore(front): Some improvements in setting page.

---
 Timeline/ClientApp/src/settings/Settings.tsx | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

(limited to 'Timeline/ClientApp/src/settings/Settings.tsx')

diff --git a/Timeline/ClientApp/src/settings/Settings.tsx b/Timeline/ClientApp/src/settings/Settings.tsx
index 075f8699..cd4db9c9 100644
--- a/Timeline/ClientApp/src/settings/Settings.tsx
+++ b/Timeline/ClientApp/src/settings/Settings.tsx
@@ -128,11 +128,11 @@ const Settings: React.FC = (_) => {
   return (
     <>
       <AppBar />
-      <Container fluid style={{ marginTop: '56px' }}>
+      <Container fluid className="mt-appbar">
         {user ? (
           <>
-            <Row className="border-bottom p-3">
-              <Col className="col-12">
+            <Row className="border-bottom p-3 cursor-pointer">
+              <Col xs="12">
                 <h5
                   onClick={() => {
                     history.push(`/users/${user.username}`);
@@ -142,8 +142,8 @@ const Settings: React.FC = (_) => {
                 </h5>
               </Col>
             </Row>
-            <Row className="border-bottom p-3">
-              <Col className="col-12">
+            <Row className="border-bottom p-3 cursor-pointer">
+              <Col xs="12">
                 <h5
                   className="text-danger"
                   onClick={() => setDialog('changepassword')}
@@ -152,8 +152,8 @@ const Settings: React.FC = (_) => {
                 </h5>
               </Col>
             </Row>
-            <Row className="border-bottom p-3">
-              <Col className="col-12">
+            <Row className="border-bottom p-3 cursor-pointer">
+              <Col xs="12">
                 <h5
                   className="text-danger"
                   onClick={() => {
@@ -168,11 +168,11 @@ const Settings: React.FC = (_) => {
           </>
         ) : null}
         <Row className="align-items-center border-bottom p-3">
-          <Col className="col-12 col-sm">
+          <Col xs="12" sm="auto">
             <h5>{t('settings.languagePrimary')}</h5>
             <p>{t('settings.languageSecondary')}</p>
           </Col>
-          <Col className="col-auto ml-auto">
+          <Col xs="auto" className="ml-auto">
             <Input
               type="select"
               value={language}
-- 
cgit v1.2.3