jef-sachsen/verver-client
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

small layout fixes

Browse Source
This commit is contained in:
Leonard Krause
2018-04-27 09:49:05 +02:00
parent d06f43ff0d
commit d9ba634300
1 changed files with 25 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/components/contact/ContactForm.js
View File

@@ -22,7 +22,8 @@ const styles = theme => ({
width: "100%"
},
formItem: {
margin: 8
margin: 8,
marginTop: 22
}
});
@@ -46,47 +47,28 @@ export class ContactForm extends Component {
<Form onSubmit={handleSubmit} className={classes.form}>
<CardContent>
<Grid container spacing={24}>
<Grid item xs={12} md={6}>
<Grid item xs={12} md={6} lg={3}>
<FormTextField
label={t("contact.label.email")}
name="email"
validate={[formValidations.required, formValidations.email]}
/>
</Grid>
<Grid item xs={12} md={6}>
<Grid item xs={12} md={6} lg={3}>
<FormTextField
label={t("contact.label.firstname")}
name="firstName"
validate={[formValidations.required]}
/>
</Grid>
<Grid item xs={12} md={6}>
<Grid item xs={12} md={6} lg={3}>
<FormTextField
label={t("contact.label.lastname")}
name="lastName"
validate={[formValidations.required]}
/>
</Grid>
<Grid item xs={12} md={6}>
<FormTextField
label={t("contact.label.phone")}
name="phone"
validate={[formValidations.phone]}
/>
</Grid>
<Grid item xs={12} md={6}>
<FormTextField
label={t("contact.label.address")}
name="address"
/>
</Grid>
<Grid item xs={12} md={6}>
<FormTextField
label={t("contact.label.bankDetails")}
name="bankDetails"
/>
</Grid>
<Grid item xs={12} md={6}>
<Grid item xs={12} md={6} lg={3}>
<div className={classes.formItem}>
{/*TODO: fix the reactselect component to work with redux-forms.*/}
<ReactSelect
@@ -100,6 +82,25 @@ export class ContactForm extends Component {
/>
</div>
</Grid>
<Grid item xs={12} md={6} lg={3}>
<FormTextField
label={t("contact.label.phone")}
name="phone"
validate={[formValidations.phone]}
/>
</Grid>
<Grid item xs={12} md={6} lg={3}>
<FormTextField
label={t("contact.label.address")}
name="address"
/>
</Grid>
<Grid item xs={12} md={6} lg={3}>
<FormTextField
label={t("contact.label.bankDetails")}
name="bankDetails"
/>
</Grid>
</Grid>
</CardContent>
<CardActions className={classes.actions}>