{% extends "withoutnav_template.html" %}
{% from "components/textbox.html" import textbox %}
{% from "components/page-footer.html" import page_footer %}

{% block page_title %}
GOV.UK Notify | Text verification
{% endblock %}

{% block maincolumn_content %}

<div class="grid-row">
  <div class="column-two-thirds">
    <h1 class="heading-large">Text verification</h1>

    <p>We've sent you a text message with a verification code.</p>

    <form autocomplete="off" method="post">
      {{ textbox(form.sms_code) }}
      {{ page_footer(
        "Continue",
        back_link=url_for('.verification_code_not_received'),
        back_link_text='I haven’t received a text'
      ) }}
    </form>
  </div>
</div>

{% endblock %}

{% extends "withoutnav_template.html" %}
{% from "components/textbox.html" import textbox %}
{% from "components/page-footer.html" import page_footer %}

{% block page_title %}
GOV.UK Notify | Text verification
{% endblock %}

{% block maincolumn_content %}

<div class="grid-row">
  <div class="column-two-thirds">
    <h1 class="heading-large">Text verification</h1>

    <p>We've sent you a text message with a verification code.</p>

    <form autocomplete="off" method="post">
      {{ textbox(
        form.sms_code,
        width='5em',
        help_link=url_for('.verification_code_not_received'),
        help_link_text='I haven’t received a text message'
      ) }}
      {{ page_footer(
        "Continue"
      ) }}
    </form>
  </div>
</div>

{% endblock %}

Make two factor textbox consistent with verify textboxes
Make two factor textbox consistent with verify textboxes

- make the field the same width (5em to match length of code)
- move ‘haven’t received…’ link underneath the textbox instead of underneath
  the button
