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/index.sass            |  3 +++
 Timeline/ClientApp/src/settings/Settings.tsx | 18 +++++++++---------
 2 files changed, 12 insertions(+), 9 deletions(-)

(limited to 'Timeline')

diff --git a/Timeline/ClientApp/src/index.sass b/Timeline/ClientApp/src/index.sass
index b5fcc112..a9329a34 100644
--- a/Timeline/ClientApp/src/index.sass
+++ b/Timeline/ClientApp/src/index.sass
@@ -58,6 +58,9 @@ small
 .large-icon
   font-size: 26px
 
+.cursor-pointer
+  cursor: pointer
+
 textarea
   resize: none
 
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