diff --git a/src/routes/open/components/ReviewInformation/index.jsx b/src/routes/open/components/ReviewInformation/index.jsx
index 047dc9a2..55a7e68b 100644
--- a/src/routes/open/components/ReviewInformation/index.jsx
+++ b/src/routes/open/components/ReviewInformation/index.jsx
@@ -10,7 +10,9 @@ import OpenPaper from '~/components/Stepper/OpenPaper'
import Col from '~/components/layout/Col'
import Row from '~/components/layout/Row'
import Paragraph from '~/components/layout/Paragraph'
-import { sm, md, lg, border, secondary, background } from '~/theme/variables'
+import {
+ sm, md, lg, border, secondary, background,
+} from '~/theme/variables'
import Hairline from '~/components/layout/Hairline'
import { openAddressInEtherScan } from '~/logic/wallets/getWeb3'
import { FIELD_NAME, FIELD_CONFIRMATIONS, getNumOwnersFrom } from '../fields'
@@ -111,17 +113,21 @@ const ReviewComponent = ({ values, classes, network }: Props) => {
- { names.map((name, index) => (
-
+ {names.map((name, index) => (
+
- {name}
+
+ {name}
+
- {addresses[index]}
+
+ {addresses[index]}
+
{
- {'You\'re about to create a new Safe.'}
+ {"You're about to create a new Safe."}
Make sure you have enough ETH in your wallet client to fund this transaction.
@@ -158,5 +164,4 @@ const Review = ({ network }: LayoutProps) => (controls: React$Node, { values }:
)
-
export default Review
diff --git a/src/routes/safe/components/Balances/Tokens/screens/AddCustomToken/index.jsx b/src/routes/safe/components/Balances/Tokens/screens/AddCustomToken/index.jsx
index c450f900..668d5ac5 100644
--- a/src/routes/safe/components/Balances/Tokens/screens/AddCustomToken/index.jsx
+++ b/src/routes/safe/components/Balances/Tokens/screens/AddCustomToken/index.jsx
@@ -3,10 +3,14 @@ import React, { Component } from 'react'
import { withStyles } from '@material-ui/core/styles'
import Block from '~/components/layout/Block'
import Paragraph from '~/components/layout/Paragraph'
+import Row from '~/components/layout/Row'
+import Col from '~/components/layout/Col'
+import Img from '~/components/layout/Img'
import Field from '~/components/forms/Field'
import GnoForm from '~/components/forms/GnoForm'
import TextField from '~/components/forms/TextField'
import { composeValidators, required, mustBeEthereumAddress } from '~/components/forms/validator'
+import TokenPlaceholder from '~/routes/safe/components/Balances/assets/token_placeholder.svg'
import { styles } from './style'
class AddCustomToken extends Component {
@@ -24,7 +28,7 @@ class AddCustomToken extends Component {
{(submitting: boolean, validating: boolean, ...rest: any) => (
-
+
+
+
+
+
+
+
+ Token Image
+
+
+
)}
diff --git a/src/routes/safe/components/Balances/Tokens/screens/AddCustomToken/style.js b/src/routes/safe/components/Balances/Tokens/screens/AddCustomToken/style.js
index 7d5b82e0..21e34b0f 100644
--- a/src/routes/safe/components/Balances/Tokens/screens/AddCustomToken/style.js
+++ b/src/routes/safe/components/Balances/Tokens/screens/AddCustomToken/style.js
@@ -7,7 +7,10 @@ export const styles = () => ({
fontWeight: bolderFont,
fontSize: '16px',
},
- inputContainer: {
+ formContainer: {
padding: '0 20px',
},
+ addressInput: {
+ marginBottom: '15px',
+ },
})
diff --git a/src/theme/mui.js b/src/theme/mui.js
index 51ae4f02..7e55015c 100644
--- a/src/theme/mui.js
+++ b/src/theme/mui.js
@@ -106,8 +106,8 @@ export default createMuiTheme({
fontFamily: 'Roboto Mono, monospace',
fontSize: '12px',
padding: `0 0 0 ${md}`,
- position: 'relative',
- top: '20px',
+ position: 'absolute',
+ top: '9px',
color: secondary,
order: 0,
marginTop: '0px',