diff --git a/app/views/idv/otp_delivery_method/new.html.slim b/app/views/idv/otp_delivery_method/new.html.slim
index b8f57fc798b..905bc44406c 100644
--- a/app/views/idv/otp_delivery_method/new.html.slim
+++ b/app/views/idv/otp_delivery_method/new.html.slim
@@ -1,33 +1,52 @@
h1.h3.my0 = t('idv.titles.otp_delivery_method')
-p = t('idv.messages.otp_delivery_method.phone_number_html',
+p.mt1 = t('idv.messages.otp_delivery_method.phone_number_html',
phone: @set_otp_delivery_method_presenter.phone)
= simple_form_for(@otp_delivery_selection_form, url: idv_otp_delivery_method_url,
- html: { autocomplete: 'off', method: 'put', role: 'form', class: 'mt2' }) do |f|
- fieldset.mb3.p0.border-none
- legend.mb1.h4.serif.bold = t('devise.two_factor_authentication.otp_delivery_preference.title')
- label.btn-border.col-12.sm-col-5.sm-mr2.mb2.sm-mb0
- .radio
- = radio_button_tag 'otp_delivery_selection_form[otp_delivery_preference]', :sms, true,
- class: :otp_delivery_preference_sms
- span.indicator
- = t('devise.two_factor_authentication.otp_delivery_preference.sms')
- - if @set_otp_delivery_method_presenter.sms_only?
- label.btn-border.col-12.sm-col-5.mb0.btn-disabled
+ html: { autocomplete: 'off', method: 'put', role: 'form', class: 'mt3' }) do |f|
+ fieldset.mb3.p0.border-none
+ label.btn-border.col-12.mb1
.radio
- = radio_button_tag 'otp_delivery_selection_form[otp_delivery_preference]', :voice, false,
- disabled: true,
- class: :otp_delivery_preference_voice
- span.indicator
- = t('devise.two_factor_authentication.otp_delivery_preference.voice')
- p.mt2.mb0 = @set_otp_delivery_method_presenter.phone_unsupported_message
- - else
- label.btn-border.col-12.sm-col-5.mb0
- .radio
- = radio_button_tag 'otp_delivery_selection_form[otp_delivery_preference]', :voice, false,
- class: :otp_delivery_preference_voice
- span.indicator
- = t('devise.two_factor_authentication.otp_delivery_preference.voice')
- = f.submit t('idv.buttons.send_confirmation_code'), type: :submit, class: 'btn btn-primary'
-.mt2.pt1.border-top
- = t('instructions.mfa.wrong_number_html',
- link: link_to(t('forms.two_factor.try_again'), idv_phone_path))
+ = radio_button_tag 'otp_delivery_selection_form[otp_delivery_preference]', :sms, true,
+ class: :otp_delivery_preference_sms
+ span.indicator.mt-tiny
+ span.blue.bold.fs-20p
+ = t('devise.two_factor_authentication.otp_delivery_preference.sms')
+ .regular.gray-dark.fs-10p.mb-tiny
+ = t('devise.two_factor_authentication.two_factor_choice_options.sms_info')
+ - if @set_otp_delivery_method_presenter.sms_only?
+ label.btn-border.col-12.mb0.btn-disabled
+ .radio
+ = radio_button_tag 'otp_delivery_selection_form[otp_delivery_preference]',
+ :voice, false,
+ disabled: true,
+ class: :otp_delivery_preference_voice
+ span.indicator.mt-tiny
+ span.blue.bold.fs-20p
+ = t('devise.two_factor_authentication.otp_delivery_preference.voice')
+ .regular.gray-dark.fs-10p.mb-tiny
+ = t('devise.two_factor_authentication.two_factor_choice_options.voice_info')
+ p.mt2.mb0 = @set_otp_delivery_method_presenter.phone_unsupported_message
+ - else
+ label.btn-border.col-12.mb0
+ .radio
+ = radio_button_tag 'otp_delivery_selection_form[otp_delivery_preference]',
+ :voice, false,
+ class: :otp_delivery_preference_voice
+ span.indicator.mt-tiny
+ span.blue.bold.fs-20p
+ = t('devise.two_factor_authentication.otp_delivery_preference.voice')
+ .regular.gray-dark.fs-10p.mb-tiny
+ = t('devise.two_factor_authentication.two_factor_choice_options.voice_info')
+ .mt3
+ = t('idv.form.no_alternate_phone_html',
+ link: link_to(t('idv.form.activate_by_mail'), idv_usps_path))
+ .mt2
+ = t('instructions.mfa.wrong_number_html',
+ link: link_to(t('forms.two_factor.try_again'), idv_phone_path))
+ .mt3
+ = f.submit t('idv.buttons.send_confirmation_code'),
+ type: :submit,
+ class: 'sm-col-6 col-12 btn btn-primary'
+.mt3.border-top
+ .mt1
+ = link_to t('links.cancel'), idv_phone_path
diff --git a/config/locales/idv/en.yml b/config/locales/idv/en.yml
index 95e23031361..52e4a432f3e 100644
--- a/config/locales/idv/en.yml
+++ b/config/locales/idv/en.yml
@@ -8,7 +8,7 @@ en:
mail:
resend: Send another letter
send: Send a letter
- send_confirmation_code: Send confirmation code
+ send_confirmation_code: Continue
cancel:
modal_header: Are you sure you want to cancel?
warning_header: If you cancel now
@@ -96,7 +96,7 @@ en:
loading: Verifying your identity
mail_sent: Your letter is on its way
otp_delivery_method:
- phone_number_html: We will send a code to %{phone}
+ phone_number_html: We'll send a code to %{phone}
personal_key: This is your new personal key. Write it down and keep it in a
safe place. You will need it if you ever lose your password.
phone:
@@ -177,7 +177,7 @@ en:
resend: Want another letter?
verify: Want a letter?
no_id: We are unable to verify your identity without a state-issued ID
- otp_delivery_method: Get a code by phone
+ otp_delivery_method: How would you like to receive a code?
phone: Phone number of record
review: Review and submit
select_verification: Choose how to confirm your address