diff --git a/packages/wallets/src/features/cfd/flows/OtherCFDs/Dxtrade/AddedDxtradeAccountsList/AddedDxtradeAccountsList.scss b/packages/wallets/src/features/cfd/flows/OtherCFDs/Dxtrade/AddedDxtradeAccountsList/AddedDxtradeAccountsList.scss index 2139d2b1420d..11bb413d9be1 100644 --- a/packages/wallets/src/features/cfd/flows/OtherCFDs/Dxtrade/AddedDxtradeAccountsList/AddedDxtradeAccountsList.scss +++ b/packages/wallets/src/features/cfd/flows/OtherCFDs/Dxtrade/AddedDxtradeAccountsList/AddedDxtradeAccountsList.scss @@ -10,46 +10,8 @@ } &__details { + display: flex; + flex-direction: column; flex-grow: 1; - - &-loginid { - color: var(--system-light-3-less-prominent-text, #999); - - /* desktop/small/S - bold */ - font-size: 1.2rem; - font-style: normal; - font-weight: 700; - line-height: 1.8rem; /* 150% */ - } - - &-title { - color: var(--system-light-2-general-text, #333); - - /* desktop/paragraph/P2 - bold */ - font-size: 1.4rem; - font-style: normal; - font-weight: 700; - line-height: 2rem; /* 142.857% */ - } - - &-balance { - color: var(--system-light-1-prominent-text, #333); - - /* desktop/paragraph/P2 - bold */ - font-size: 1.4rem; - font-style: normal; - font-weight: 700; - line-height: 2rem; /* 142.857% */ - } - - &-description { - font-size: 1.2rem; - line-height: 1.4rem; - - @include mobile { - font-size: 1.4rem; - line-height: 2rem; - } - } } } diff --git a/packages/wallets/src/features/cfd/flows/OtherCFDs/Dxtrade/AddedDxtradeAccountsList/AddedDxtradeAccountsList.tsx b/packages/wallets/src/features/cfd/flows/OtherCFDs/Dxtrade/AddedDxtradeAccountsList/AddedDxtradeAccountsList.tsx index f85bfd1dc15f..9ee43a3e95b4 100644 --- a/packages/wallets/src/features/cfd/flows/OtherCFDs/Dxtrade/AddedDxtradeAccountsList/AddedDxtradeAccountsList.tsx +++ b/packages/wallets/src/features/cfd/flows/OtherCFDs/Dxtrade/AddedDxtradeAccountsList/AddedDxtradeAccountsList.tsx @@ -1,12 +1,12 @@ import React from 'react'; import { useHistory } from 'react-router-dom'; import { useDxtradeAccountsList } from '@deriv/api'; -import { MT5TradeModal } from '../../../../modals'; import { TradingAccountCard } from '../../../../../../components'; +import { WalletButton, WalletText } from '../../../../../../components/Base'; import { useModal } from '../../../../../../components/ModalProvider'; -import { WalletButton } from '../../../../../../components/Base'; import { getStaticUrl } from '../../../../../../helpers/urls'; import DerivX from '../../../../../../public/images/derivx.svg'; +import { MT5TradeModal } from '../../../../modals'; import './AddedDxtradeAccountsList.scss'; const AddedDxtradeAccountsList: React.FC = () => { @@ -42,9 +42,13 @@ const AddedDxtradeAccountsList: React.FC = () => {
{data?.map(account => ( -

Deriv X

-

{account?.display_balance}

-

{account.login}

+ Deriv X + + {account?.display_balance} + + + {account?.login} +
))}
diff --git a/packages/wallets/src/features/cfd/flows/OtherCFDs/Dxtrade/AvailableDxtradeAccountsList/AvailableDxtradeAccountsList.scss b/packages/wallets/src/features/cfd/flows/OtherCFDs/Dxtrade/AvailableDxtradeAccountsList/AvailableDxtradeAccountsList.scss index c6f25ad1c59d..0aacb21bff38 100644 --- a/packages/wallets/src/features/cfd/flows/OtherCFDs/Dxtrade/AvailableDxtradeAccountsList/AvailableDxtradeAccountsList.scss +++ b/packages/wallets/src/features/cfd/flows/OtherCFDs/Dxtrade/AvailableDxtradeAccountsList/AvailableDxtradeAccountsList.scss @@ -2,22 +2,8 @@ &__icon { cursor: pointer; } - &__text { - color: var(--brand-coral, #ff444f); - text-align: center; - - /* desktop/paragraph/P2 - bold */ - font-size: 1.4rem; - font-style: normal; - font-weight: 700; - line-height: 2rem; /* 142.857% */ - } &__details { flex-grow: 1; - - &-title { - padding-bottom: 0.5rem; - } } }