diff --git a/packages/p2p/src/components/advertiser-page/advertiser-page.scss b/packages/p2p/src/components/advertiser-page/advertiser-page.scss index c82a07c5c9db..262673c0da55 100644 --- a/packages/p2p/src/components/advertiser-page/advertiser-page.scss +++ b/packages/p2p/src/components/advertiser-page/advertiser-page.scss @@ -101,7 +101,7 @@ height: fit-content; width: fit-content; - > span { + > span { padding-right: 0.8rem; } diff --git a/packages/p2p/src/components/floating-rate/__test__/floating-rate.spec.js b/packages/p2p/src/components/floating-rate/__test__/floating-rate.spec.js index 8cbd16743ff7..36c6b09c0443 100644 --- a/packages/p2p/src/components/floating-rate/__test__/floating-rate.spec.js +++ b/packages/p2p/src/components/floating-rate/__test__/floating-rate.spec.js @@ -39,6 +39,6 @@ describe('', () => { it('should render the exchange rate in hint', () => { render(); - expect(screen.getByText('1 AED = 100.00 INR')).toBeInTheDocument(); + expect(screen.getByText('1 AED = 100.00')).toBeInTheDocument(); }); }); diff --git a/packages/p2p/src/components/floating-rate/floating-rate.jsx b/packages/p2p/src/components/floating-rate/floating-rate.jsx index 2888ddd6635b..0964d58e51d8 100644 --- a/packages/p2p/src/components/floating-rate/floating-rate.jsx +++ b/packages/p2p/src/components/floating-rate/floating-rate.jsx @@ -86,15 +86,14 @@ const FloatingRate = ({ 1 {fiat_currency} ={' '} - {removeTrailingZeros(formatMoney(local_currency, floating_rate_store.exchange_rate, true, 6))}{' '} - {local_currency} + {removeTrailingZeros(formatMoney(local_currency, floating_rate_store.exchange_rate, true, 6))} diff --git a/packages/p2p/src/components/floating-rate/floating-rate.scss b/packages/p2p/src/components/floating-rate/floating-rate.scss index 97fa6ffeb1de..98951b6f8017 100644 --- a/packages/p2p/src/components/floating-rate/floating-rate.scss +++ b/packages/p2p/src/components/floating-rate/floating-rate.scss @@ -91,7 +91,6 @@ height: 18px; left: 8px; top: 18px; - font-style: normal; flex: none; order: 2; flex-grow: 0; @@ -143,6 +142,7 @@ border: unset; background-color: unset; padding: unset; + font-size: small; &:focus { border-color: unset; } diff --git a/packages/p2p/src/components/my-ads/ad-type.scss b/packages/p2p/src/components/my-ads/ad-type.scss index f12ea13ea9c6..393cad2664ae 100644 --- a/packages/p2p/src/components/my-ads/ad-type.scss +++ b/packages/p2p/src/components/my-ads/ad-type.scss @@ -1,7 +1,11 @@ .ad-type { display: flex; + flex-direction: row; align-items: center; - justify-content: space-around; + + @include mobile { + justify-content: flex-end; + } &__badge { align-items: center; @@ -9,7 +13,7 @@ border: 1px solid var(--border-normal); display: flex; flex-direction: row; - margin: 0.25rem; + margin: 0.3rem 0.5rem 0.3rem 0; padding: 0.1rem 0.8rem; width: fit-content; }