chore(front): Some improvements in setting page.

2 files changed, 12 insertions, 9 deletions

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}