diff --git a/app/assets/stylesheets/components/textbox.scss b/app/assets/stylesheets/components/textbox.scss index 1d2807709..224750586 100644 --- a/app/assets/stylesheets/components/textbox.scss +++ b/app/assets/stylesheets/components/textbox.scss @@ -81,3 +81,7 @@ } + +.textbox-help-link { + margin: 5px 0 0 0; +} diff --git a/app/templates/components/textbox.html b/app/templates/components/textbox.html index 918fc33d7..5185f910f 100644 --- a/app/templates/components/textbox.html +++ b/app/templates/components/textbox.html @@ -1,4 +1,4 @@ -{% macro textbox(field, hint=False, highlight_tags=False) %} +{% macro textbox(field, hint=False, highlight_tags=False, help_link=None, help_link_text=None) %}
{% endmacro %} diff --git a/app/templates/views/verify.html b/app/templates/views/verify.html index b04726c16..9c01b596f 100644 --- a/app/templates/views/verify.html +++ b/app/templates/views/verify.html @@ -15,14 +15,16 @@ GOV.UK Notify | Confirm email address and mobile number

We’ve sent you confirmation codes by email and text message. You need to enter both codes here.

- {{ textbox(form.email_code) }} -

- I haven’t received an email -

- {{ textbox(form.sms_code) }} -

- I haven’t received a text -

+ {{ textbox( + form.email_code, + help_link=url_for('.check_and_resend_email_code'), + help_link_text='I haven’t received an email' + ) }} + {{ textbox( + form.sms_code, + help_link=url_for('.check_and_resend_text_code'), + help_link_text='I haven’t received a text' + ) }} {{ page_footer("Continue") }}