add spacings to each input in load safe form

src/routes/load/components/DetailsForm/index.jsx

@@ -26,10 +26,8 @@ const styles = () => ({
   root: {
     display: 'flex',
     maxWidth: '460px',
-    '&:last-child': {
     marginTop: '12px',
   },
-  },
   check: {
     color: '#03AE60',
     height: '20px',
@@ -85,9 +83,8 @@ const Details = ({ classes, errors }: Props) => (
   <React.Fragment>
     <Block margin="sm">
       <Paragraph noMargin size="md" color="primary">
-        Adding an existing Safe only requires the Safe address. Optionally you can give it a name.
+        Adding an existing Safe only requires the Safe address. Optionally you can give it a name. In case your
-        In case your connected client is not the owner of the Safe, the interface will essentially provide you a
+        connected client is not the owner of the Safe, the interface will essentially provide you a read-only view.
-        read-only view.
       </Paragraph>
     </Block>
     <Block className={classes.root}>
@@ -104,13 +101,15 @@ const Details = ({ classes, errors }: Props) => (
       <Field
         name={FIELD_LOAD_ADDRESS}
         component={TextField}
-        inputAdornment={noErrorsOn(FIELD_LOAD_ADDRESS, errors) && {
+        inputAdornment={
+          noErrorsOn(FIELD_LOAD_ADDRESS, errors) && {
             endAdornment: (
               <InputAdornment position="end">
                 <CheckCircle className={classes.check} />
               </InputAdornment>
             ),
-        }}
+          }
+        }
         type="text"
         validate={composeValidators(required, mustBeEthereumAddress)}
         placeholder="Safe Address*"
@@ -130,5 +129,4 @@ const DetailsPage = () => (controls: React$Node, { errors }: Object) => (
   </React.Fragment>
 )
 
-
 export default DetailsPage

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

@@ -3,7 +3,9 @@ import * as React from 'react'
 import { withStyles } from '@material-ui/core/styles'
 import Field from '~/components/forms/Field'
 import TextField from '~/components/forms/TextField'
-import { required, composeValidators, uniqueAddress, mustBeEthereumAddress, noErrorsOn } from '~/components/forms/validator'
+import {
+  required, composeValidators, uniqueAddress, mustBeEthereumAddress, noErrorsOn,
+} from '~/components/forms/validator'
 import Block from '~/components/layout/Block'
 import Button from '~/components/layout/Button'
 import Row from '~/components/layout/Row'
@@ -167,8 +169,8 @@ class SafeOwners extends React.Component<Props, State> {
                   />
                 </Col>
                 <Col xs={1} center="xs" middle="xs" className={classes.remove}>
-                  { index > 0 &&
+                  { index > 0
-                    <Img src={trash} height={20} alt="Delete" onClick={this.onRemoveRow(index)} />
+                    && <Img src={trash} height={20} alt="Delete" onClick={this.onRemoveRow(index)} />
                   }
                 </Col>
               </Row>