{% extends "tailwind_base.html" %}

{% block content %}
  <div class="container mx-auto h-full flex justify-center items-center">
    <div class="w-1/3">
      <h1 class="font-hairline mb-6 text-center">Login to LudoLatin</h1>
      <div class="border-teal p-8 border-t-12 bg-white mb-6 rounded-lg shadow-lg">
        <form method="post">
          {% from 'auth/_form_fields.html' import email, password, submit %}
          {{ form.hidden_tag() }}

          <div class="mb-4">
            <label class="text-grey-darker block mb-2">Username</label>
            {{ form.username(
                class="block appearance-none w-full bg-white border border-grey-light hover:border-grey px-2 py-2 rounded shadow",
                placeholder="e.g., Lando Calrissian",
                maxlength=64,
                autocapitalize="off",
                autocorrect="off",
              ) }}
          </div>

          {{ email(form, type="email") }}
          {{ password(form) }}

          <div class="flex items-center justify-between">
            {{ submit(form) }}
          </div>
        </form>

      </div>
      <div class="text-center">
        <p class="text-grey-dark text-sm">Already registered? <a href="{{ url_for('auth.login') }}" class="no-underline text-blue">Click here to login</a>.</p>
      </div>
    </div>
  </div>
{% endblock %}

{% extends "tailwind_base.html" %}

{% block content %}
  <div class="container mx-auto h-full flex justify-center items-center">
    <div class="w-1/3">
      <h1 class="font-hairline mb-6 text-center">Register for LudoLatin</h1>
      <div class="border-teal p-8 border-t-12 bg-white mb-6 rounded-lg shadow-lg">
        <form method="post">
          {% from 'auth/_form_fields.html' import email, password, submit %}
          {{ form.hidden_tag() }}

          <div class="mb-4">
            <label class="text-grey-darker block mb-2">Username</label>
            {{ form.username(
                class="block appearance-none w-full bg-white border border-grey-light hover:border-grey px-2 py-2 rounded shadow",
                placeholder="e.g., Lando Calrissian",
                maxlength=64,
                autocapitalize="off",
                autocorrect="off",
              ) }}
          </div>

          {{ email(form, type="email") }}
          {{ password(form) }}

          <div class="flex items-center justify-between">
            {{ submit(form) }}
          </div>
        </form>

      </div>
      <div class="text-center">
        <p class="text-grey-dark text-sm">Already registered? <a href="{{ url_for('auth.login') }}" class="no-underline text-blue">Click here to login</a>.</p>
      </div>
    </div>
  </div>
{% endblock %}

Correct the registration form heading
Correct the registration form heading

For #26