diff --git a/src/components/settings-modal/account-settings/account-settings.module.css b/src/components/settings-modal/account-settings/account-settings.module.css index 24091235..7ed8706a 100644 --- a/src/components/settings-modal/account-settings/account-settings.module.css +++ b/src/components/settings-modal/account-settings/account-settings.module.css @@ -36,8 +36,8 @@ .deleteAccount { color: red; - float: right; - margin-right: 10px; + display: block; + margin-top: 10px; } .setting .createAccount { diff --git a/src/components/settings-modal/account-settings/account-settings.tsx b/src/components/settings-modal/account-settings/account-settings.tsx index 99224131..2ddef995 100644 --- a/src/components/settings-modal/account-settings/account-settings.tsx +++ b/src/components/settings-modal/account-settings/account-settings.tsx @@ -168,7 +168,7 @@ const AccountSettings = () => { {' '} {' '} diff --git a/src/components/settings-modal/crypto-address-setting/crypto-address-setting.tsx b/src/components/settings-modal/crypto-address-setting/crypto-address-setting.tsx index a24e1527..c50019f2 100644 --- a/src/components/settings-modal/crypto-address-setting/crypto-address-setting.tsx +++ b/src/components/settings-modal/crypto-address-setting/crypto-address-setting.tsx @@ -11,7 +11,7 @@ const CryptoAddressSetting = () => { cryptoAddress: '', checkingCryptoAddress: false, showResolvingMessage: false, - resolveString: t('crypto_address_verification'), + resolveString: '', resolveClass: '', }); diff --git a/src/components/settings-modal/crypto-wallets-setting/crypto-wallets-setting.module.css b/src/components/settings-modal/crypto-wallets-setting/crypto-wallets-setting.module.css index ebb071c7..28d0a305 100644 --- a/src/components/settings-modal/crypto-wallets-setting/crypto-wallets-setting.module.css +++ b/src/components/settings-modal/crypto-wallets-setting/crypto-wallets-setting.module.css @@ -1,5 +1,6 @@ .setting { margin-left: 10px; + margin-bottom: 10px; } .addWallet select { @@ -7,10 +8,6 @@ margin-bottom: 5px; } -.save { - margin-left: 5px; -} - .walletTitle { text-transform: lowercase; font-style: italic; @@ -18,13 +15,16 @@ .removeWallet { color: red; - margin-top: 15px; } -.walletFieldTitle { +.save { + margin-top: 10px; + margin-right: 5px; +} + +.walletField { margin-top: 5px; - font-style: italic; - text-transform: lowercase; + margin-left: 5px; } .walletField input { diff --git a/src/components/settings-modal/crypto-wallets-setting/crypto-wallets-setting.tsx b/src/components/settings-modal/crypto-wallets-setting/crypto-wallets-setting.tsx index b19cff7e..8dbcdfe2 100644 --- a/src/components/settings-modal/crypto-wallets-setting/crypto-wallets-setting.tsx +++ b/src/components/settings-modal/crypto-wallets-setting/crypto-wallets-setting.tsx @@ -1,7 +1,8 @@ import { useState } from 'react'; import { Account, setAccount, useAccount } from '@plebbit/plebbit-react-hooks'; import styles from './crypto-wallets-setting.module.css'; -import { Trans, useTranslation } from 'react-i18next'; +import { useTranslation } from 'react-i18next'; +import _ from 'lodash'; interface Wallet { chainTicker: string; @@ -103,7 +104,7 @@ const CryptoWalletsForm = ({ account }: { account: Account | undefined }) => { walletsArray.length > 0 ? (