Adapt owners inputs to new flow

src/routes/open/components/SafeForm/Owners/index.jsx

@@ -52,8 +52,7 @@ const Owners = (props: Props) => {
       </Block>
       { renderOwners && [...Array(Number(numOwners))].map((x, index) => (
         <Row key={`owner${(index)}`}>
-          <Col xs={11} xsOffset={1}>
-            <Block margin="sm">
+          <Col xs={11} xsOffset={1} layout="column" margin="md">
             <Paragraph weight="bold">Owner Nº {index + 1}</Paragraph>
             <Block margin="sm">
               <Field
@@ -75,7 +74,6 @@ const Owners = (props: Props) => {
                 text="Owner Address"
               />
             </Block>
-            </Block>
           </Col>
         </Row>
       )) }

src/routes/open/components/SafeNameForm/index.jsx

@@ -7,7 +7,6 @@ import { required } from '~/components/forms/validator'
 import Block from '~/components/layout/Block'
 import { FIELD_NAME } from '~/routes/open/components/fields'
 import Paragraph from '~/components/layout/Paragraph'
-import { lg } from '~/theme/variables'
 import OpenPaper from '../OpenPaper'
 
 type Props = {
@@ -18,15 +17,10 @@ const styles = () => ({
   root: {
     display: 'flex',
   },
-  container: {
-    maxWidth: '600px',
-    letterSpacing: '-0.5px',
-    padding: lg,
-  },
 })
 
 const SafeName = ({ classes }: Props) => (
-  <Block className={classes.container}>
+  <React.Fragment>
     <Block margin="lg">
       <Paragraph noMargin size="md" color="primary" weight="light">
         This setup will create a Safe with one or more owners. Optionally give the Safe a local name.
@@ -53,15 +47,14 @@ const SafeName = ({ classes }: Props) => (
         text="Safe name"
       />
     </Block>
-  </Block>
+  </React.Fragment>
 )
 
 const SafeNameForm = withStyles(styles)(SafeName)
 
 const SafeNamePage = () => (controls: React$Node) => (
-  <OpenPaper>
+  <OpenPaper controls={controls}>
     <SafeNameForm />
-    { controls }
   </OpenPaper>
 )