Skip to content

Commit 27aee6f

Browse files
committed
fix(contact-form): centered the form
1 parent ed01eb4 commit 27aee6f

File tree

1 file changed

+13
-11
lines changed

1 file changed

+13
-11
lines changed

src/molecules/contact-form/presentational.js

+13-11
Original file line numberDiff line numberDiff line change
@@ -5,19 +5,21 @@ import {TextInput, PrimaryButton} from '@travi/travi.org-core-components';
55

66
export default function ContactForm({action, name}) {
77
return (
8-
<form method="POST" action={action} name={name} data-netlify css={{textAlign: 'center', maxWidth: 400}}>
9-
<input type="hidden" name="form-name" value={name} />
8+
<div>
9+
<form method="POST" action={action} name={name} data-netlify css={{maxWidth: 400, margin: '0 auto'}}>
10+
<input type="hidden" name="form-name" value={name} />
1011

11-
<ol css={{listStyleType: 'none', textAlign: 'left'}}>
12-
<li><TextInput label="Name" id="submitter-name" variant="full-width" /></li>
13-
<li><TextInput label="Email Address" id="email" type="email" variant="full-width" /></li>
14-
<li><TextInput label="Message" id="message" multiline variant="full-width" /></li>
15-
</ol>
12+
<ol css={{listStyleType: 'none', textAlign: 'left'}}>
13+
<li><TextInput label="Name" id="submitter-name" variant="full-width" /></li>
14+
<li><TextInput label="Email Address" id="email" type="email" variant="full-width" /></li>
15+
<li><TextInput label="Message" id="message" multiline variant="full-width" /></li>
16+
</ol>
1617

17-
<ol css={{listStyleType: 'none', display: 'inlineBlock', textAlign: 'right'}}>
18-
<li><PrimaryButton type="submit" icon={<Send />}>Contact Travi</PrimaryButton></li>
19-
</ol>
20-
</form>
18+
<ol css={{listStyleType: 'none', display: 'inlineBlock', textAlign: 'right'}}>
19+
<li><PrimaryButton type="submit" icon={<Send />}>Contact Travi</PrimaryButton></li>
20+
</ol>
21+
</form>
22+
</div>
2123
);
2224
}
2325

0 commit comments

Comments
 (0)