diff --git a/client/src/components/UserUpdate.js b/client/src/components/UserUpdate.js index ccd61c0a1..fa6e64580 100644 --- a/client/src/components/UserUpdate.js +++ b/client/src/components/UserUpdate.js @@ -18,6 +18,7 @@ import Select from '@material-ui/core/Select' import FormHelperText from '@material-ui/core/FormHelperText' import Paper from '@material-ui/core/Paper' import Grid from '@material-ui/core/Grid' +import Typography from '@material-ui/core/Typography' const styles = theme => ({ root: { @@ -32,7 +33,7 @@ const styles = theme => ({ marginLeft: '10%', marginTop: 25 }, - pField: { + typography: { width: '80%', marginLeft: '10%', marginTop: 40 @@ -210,10 +211,13 @@ class UserUpdate extends Component { const { classes } = this.props return ( - + + Manage your User Profile +
- -

This is your basic information we have gotten from the social identity provider you used to sign up. This information can not be changed.

+ + This is your basic information we have gotten from the social identity provider you used to sign up. This information can not be changed. + -

TComplete your profile with the following optional information. Providing your real name might help other users trust you more.

+ + Complete your profile with the following optional information. Providing your real name might help other users trust you more. + this.setState({lastName: e.target.value})} /> -

Check the following options to enable specialized tools designed for each role. You can allways come back and change these settings later.

+ + Check the following options to enable specialized tools designed for each role. You can allways come back and change these settings later. + @@ -322,7 +330,7 @@ class UserUpdate extends Component { -

Your current role determines how the system is going to optimize its user interface to best serves your current needs.

+

Your current role determines how the system is going to optimize its user interface to best serves your current needs.