{% extends "withnav_template.html" %}
{% from "components/checkbox.html" import checkbox %}
{% from "components/textbox.html" import textbox %}
{% from "components/page-footer.html" import page_footer %}
{% from "components/form.html" import form_wrapper %}

{% block service_page_title %}
  Invite a team member
{% endblock %}

{% block maincolumn_content %}

  <h1 class="heading-large">
    Invite a team member
  </h1>

  <div class="grid-row">
    {% call form_wrapper() %}

      {{ textbox(form.email_address, width='1-1', safe_error_message=True) }}

      {% include 'views/manage-users/permissions.html' %}

      {{ page_footer('Send invitation email') }}

    {% endcall %}
  </div>
{% endblock %}

{% extends "withnav_template.html" %}
{% from "components/checkbox.html" import checkbox %}
{% from "components/textbox.html" import textbox %}
{% from "components/page-footer.html" import page_footer %}
{% from "components/form.html" import form_wrapper %}

{% block service_page_title %}
  Invite a team member
{% endblock %}

{% block maincolumn_content %}

  <h1 class="heading-large">
    Invite a team member
  </h1>

  {% call form_wrapper() %}

    {{ textbox(form.email_address, width='1-1', safe_error_message=True) }}

    {% include 'views/manage-users/permissions.html' %}

    {{ page_footer('Send invitation email') }}

  {% endcall %}

{% endblock %}

Fix misaligned elements on invite page
Fix misaligned elements on invite page

This page doesn’t need a grid any more (everything goes full width).