@@ -5,19 +5,21 @@ import {TextInput, PrimaryButton} from '@travi/travi.org-core-components';
5
5
6
6
export default function ContactForm ( { action, name} ) {
7
7
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 } />
10
11
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 >
16
17
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 >
21
23
) ;
22
24
}
23
25
0 commit comments