diff --git a/src/components/savedAccounts/savedAccounts.css b/src/components/savedAccounts/savedAccounts.css new file mode 100644 index 000000000..68c2a3cd4 --- /dev/null +++ b/src/components/savedAccounts/savedAccounts.css @@ -0,0 +1,13 @@ +.tableWrapper { + margin: -24px -24px 24px -24px; +} + +.iconCell { + width: 24px; + text-align: right; +} + +.isActive { + background-color: #d6f0ff !important; + font-weight: bold; +} diff --git a/src/components/savedAccounts/savedAccounts.js b/src/components/savedAccounts/savedAccounts.js index f4bb74b0e..119882761 100644 --- a/src/components/savedAccounts/savedAccounts.js +++ b/src/components/savedAccounts/savedAccounts.js @@ -7,6 +7,8 @@ import networks from '../../constants/networks'; import getNetwork from '../../utils/getNetwork'; import { extractAddress } from '../../utils/api/account'; +import styles from './savedAccounts.css'; + const SavedAccounts = ({ networkOptions, publicKey, @@ -35,18 +37,18 @@ const SavedAccounts = ({ {t('This will save public key of your account on this device, so next time it will launch without the need to log in. However, you will be prompted to enter the passphrase once you want to do any transaction.')} : -
+
- {t('Switch')} + {t('Switch')} {t('Address')} {t('Network')} - {t('Forget')} + {t('Forget')} {savedAccounts.map(account => ( - + className={(isActive(account) ? styles.isActive : null)}> + - +