🐛🔨

client/src/App.css

@@ -117,6 +117,7 @@
 }
 
 .slider {
+  width: 400px;
   margin: auto 1rem;
 }
 
@@ -126,7 +127,11 @@
 }
 
 .client-info {
-  justify-content: space-around;
+  justify-content: center;
   width: 60%;
   margin: 1rem auto;
 }
+
+.client-info span {
+  margin: auto 1rem;
+}

client/src/api/index.ts

@@ -6,7 +6,7 @@ import { Status } from '../components/StatusChip'
 const dev = process.env.NODE_ENV === 'development'
 
 if (dev) {
-  const host = 'http://192.168.1.107:5000'
+  const host = 'http://192.168.1.114:5000'
   axios.defaults.baseURL = host
 }
 

client/src/pages/Dashboard.tsx

@@ -1,7 +1,7 @@
+import React from 'react'
 import { Button, Divider, Form, Input, message, Row, Typography } from 'antd'
 import FormItem from 'antd/lib/form/FormItem'
 import { Content } from 'antd/lib/layout/layout'
-import React from 'react'
 import { useState } from 'react'
 import { useHistory } from 'react-router-dom'
 import { createClient } from '../api'
@@ -43,9 +43,6 @@ export const Dashboard = () => {
       <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
         form={form}
@@ -54,6 +51,9 @@ export const Dashboard = () => {
         labelCol={{ span: 8 }}
         wrapperCol={{ span: 16 }}
       >
+        <Typography.Paragraph style={{ textAlign: 'center' }}>
+          Enter the name, email and phone number of the subject
+        </Typography.Paragraph>
         <FormItem label="name" name="name">
           <Input minLength={3} />
         </FormItem>