🗯

client/src/pages/Dashboard.tsx

@@ -1,4 +1,13 @@
-import { Button, Divider, Form, Input, message, PageHeader, Row } from 'antd'
+import {
+  Button,
+  Divider,
+  Form,
+  Input,
+  message,
+  PageHeader,
+  Row,
+  Typography,
+} from 'antd'
 import FormItem from 'antd/lib/form/FormItem'
 import { Store } from 'antd/lib/form/interface'
 import { Content } from 'antd/lib/layout/layout'
@@ -32,10 +41,12 @@ export const Dashboard = () => {
 
   return (
     <Content>
-      <PageHeader
-        title="Dashboard"
-        subTitle="Enter the name, email and phone number of the subject"
-      ></PageHeader>
+      <Typography.Title className="page-head" level={3}>
+        Dashboard
+      </Typography.Title>
+      <Typography.Text>
+        Enter the name, email and phone number of the subject
+      </Typography.Text>
       <Divider />
       <Form
         className="dashboard-form"

client/src/pages/Session.tsx

@@ -53,16 +53,19 @@ export const Session = (props: Props) => {
 
   return (
     <Content>
-      <Row justify="center">
-        <Typography.Title>Client: {client?.name}</Typography.Title>
-      </Row>
+      <Typography.Title className="page-head" level={3}>
+        Session View
+      </Typography.Title>
 
       <Row justify="space-around" style={{ width: '60%', margin: 'auto' }}>
         <Typography.Text>
-          <strong>email:</strong> {client?.email}
+          <strong>Name:</strong> {client?.name}
         </Typography.Text>
         <Typography.Text>
-          <strong>phone:</strong> {client?.phone}
+          <strong>Email:</strong> {client?.email}
+        </Typography.Text>
+        <Typography.Text>
+          <strong>Phone:</strong> {client?.phone}
         </Typography.Text>
       </Row>
       <Divider />