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 668d5ac5..b59dc1a9 100644 --- a/src/routes/safe/components/Balances/Tokens/screens/AddCustomToken/index.jsx +++ b/src/routes/safe/components/Balances/Tokens/screens/AddCustomToken/index.jsx @@ -7,6 +7,7 @@ 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 Checkbox from '~/components/forms/Checkbox' import GnoForm from '~/components/forms/GnoForm' import TextField from '~/components/forms/TextField' import { composeValidators, required, mustBeEthereumAddress } from '~/components/forms/validator' @@ -23,7 +24,7 @@ class AddCustomToken extends Component { return ( - + Add custom token @@ -58,9 +59,15 @@ class AddCustomToken extends Component { text="Token decimals*" className={classes.addressInput} /> + + + + Display token for all safes + + - Token Image + 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 21e34b0f..75392fe8 100644 --- a/src/routes/safe/components/Balances/Tokens/screens/AddCustomToken/style.js +++ b/src/routes/safe/components/Balances/Tokens/screens/AddCustomToken/style.js @@ -1,10 +1,9 @@ // @flow -import { lg, bolderFont } from '~/theme/variables' +import { lg } from '~/theme/variables' export const styles = () => ({ title: { padding: `${lg} 20px 20px`, - fontWeight: bolderFont, fontSize: '16px', }, formContainer: { @@ -13,4 +12,15 @@ export const styles = () => ({ addressInput: { marginBottom: '15px', }, + tokenImageHeading: { + margin: '0 0 15px', + }, + checkbox: { + padding: '0 7px 0 0', + width: '18px', + height: '18px', + }, + checkboxLabel: { + letterSpacing: '-0.5px', + }, })