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 + 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',