From 12f8745af12875ca432d413a3d61ea0a9191dd27 Mon Sep 17 00:00:00 2001
From: Mikhail Mikheev <mdoublemmm@gmail.com>
Date: Fri, 26 Apr 2019 19:01:49 +0400
Subject: [PATCH] add spacings to each input in load safe form

---
 .../load/components/DetailsForm/index.jsx     | 26 +++++++++----------
 .../open/components/SafeOwnersForm/index.jsx  |  8 +++---
 2 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/src/routes/load/components/DetailsForm/index.jsx b/src/routes/load/components/DetailsForm/index.jsx
index 837966a6..2c170a9a 100644
--- a/src/routes/load/components/DetailsForm/index.jsx
+++ b/src/routes/load/components/DetailsForm/index.jsx
@@ -26,9 +26,7 @@ const styles = () => ({
   root: {
     display: 'flex',
     maxWidth: '460px',
-    '&:last-child': {
-      marginTop: '12px',
-    },
+    marginTop: '12px',
   },
   check: {
     color: '#03AE60',
@@ -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.
-        In case your connected client is not the owner of the Safe, the interface will essentially provide you a
-        read-only view.
+        Adding an existing Safe only requires the Safe address. Optionally you can give it a name. In case your
+        connected client is not the owner of the Safe, the interface will essentially provide you a 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) && {
-          endAdornment: (
-            <InputAdornment position="end">
-              <CheckCircle className={classes.check} />
-            </InputAdornment>
-          ),
-        }}
+        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
diff --git a/src/routes/open/components/SafeOwnersForm/index.jsx b/src/routes/open/components/SafeOwnersForm/index.jsx
index fbfaef4a..719a864a 100644
--- a/src/routes/open/components/SafeOwnersForm/index.jsx
+++ b/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 &&
-                    <Img src={trash} height={20} alt="Delete" onClick={this.onRemoveRow(index)} />
+                  { index > 0
+                    && <Img src={trash} height={20} alt="Delete" onClick={this.onRemoveRow(index)} />
                   }
                 </Col>
               </Row>