- Secure wallet - -
+ + + + + Private: + + Clicks and views on the app are stored, but other details (like your public address) are not. + - clicks and views on the app are stored, but other details (like your public address) are not. - -
++ + + + + General: + + We temporarily use your IP address to detect a general location (like your country or region), but it's never stored. + - we temporarily use your IP address to detect a general location (like your country or region), but it's never stored. - -
++ + + + + Optional: + + You decide if you want to share or delete your usage data via settings any time. + - you decide if you want to share or delete your usage data via settings any time. - -
++ We’ll use this data to learn how you interact with our marketing communications. We may share relevant news (like product features). +
- We’ll let you know if we decide to use this data for other purposes. You can review our + We’ll let you know if we plan to use this data for other purposes. You can review our Privacy Policy - for more information. Remember, you can go to settings and opt out at any time. + any time (we never sell the data you provide here).
@@ -163,100 +161,94 @@ exports[`Onboarding Metametrics Component should match snapshot after new policy data-testid="onboarding-metametrics" >+ + + + + Private: + + Clicks and views on the app are stored, but other details (like your public address) are not. + - clicks and views on the app are stored, but other details (like your public address) are not. - -
++ + + + + General: + + We temporarily use your IP address to detect a general location (like your country or region), but it's never stored. + - we temporarily use your IP address to detect a general location (like your country or region), but it's never stored. - -
++ + + + + Optional: + + You decide if you want to share or delete your usage data via settings any time. + - you decide if you want to share or delete your usage data via settings any time. - -
++ We’ll use this data to learn how you interact with our marketing communications. We may share relevant news (like product features). +
- We’ll let you know if we decide to use this data for other purposes. You can review our + We’ll let you know if we plan to use this data for other purposes. You can review our Privacy Policy - for more information. Remember, you can go to settings and opt out at any time. + any time (we never sell the data you provide here).
diff --git a/ui/pages/onboarding-flow/metametrics/index.scss b/ui/pages/onboarding-flow/metametrics/index.scss index 49ee6aa8ab28..e7b7a533fc05 100644 --- a/ui/pages/onboarding-flow/metametrics/index.scss +++ b/ui/pages/onboarding-flow/metametrics/index.scss @@ -5,7 +5,7 @@ display: flex; flex-direction: column; justify-content: center; - align-items: center; + align-items: start; } p { @@ -13,33 +13,15 @@ } ul { - margin: 24px 0 0 0; + margin: 16px 0 0 0; width: 100%; - - li { - padding-bottom: 20px; - display: flex; - - > span { - width: 90%; - } - } } - &__terms a { - color: var(--color-primary-default); - } - - &__buttons { - margin-top: 24px; - - @include design-system.screen-sm-min { - margin-top: 40px; - } + &__terms { + border-top: 1px solid var(--color-border-muted); - button { - margin-bottom: 24px; - width: 50%; + a { + color: var(--color-primary-default); } } } diff --git a/ui/pages/onboarding-flow/metametrics/metametrics.js b/ui/pages/onboarding-flow/metametrics/metametrics.js index 0eabe2c33ce6..be1105b36417 100644 --- a/ui/pages/onboarding-flow/metametrics/metametrics.js +++ b/ui/pages/onboarding-flow/metametrics/metametrics.js @@ -12,6 +12,7 @@ import { TextColor, IconColor, BlockSize, + AlignItems, } from '../../../helpers/constants/design-system'; import { useI18nContext } from '../../../hooks/useI18nContext'; import { @@ -125,86 +126,94 @@ export default function OnboardingMetametrics() { >