{% extends "withnav_template.html" %}
{% from "components/page-footer.html" import page_footer %}
{% from "components/api-key.html" import api_key %}

{% block page_title %}
  GOV.UK Notify | API keys and documentation
{% endblock %}

{% block maincolumn_content %}

    <div class="grid-row">
      <div class="column-two-thirds">

        <h1 class="heading-large">
          New API key
        </h1>

        <p>
          Copy your key to somewhere safe. You won’t be able to see it again
          once you leave this page.
        </p>

        {{ api_key(secret, key_name) }}

      </div>
    </div>

    {{ page_footer(
      secondary_link=url_for('.api_keys', service_id=service_id),
      secondary_link_text='Back to API keys'
    ) }}

{% endblock %}

{% extends "withnav_template.html" %}
{% from "components/page-footer.html" import page_footer %}
{% from "components/api-key.html" import api_key %}

{% block page_title %}
  GOV.UK Notify | API keys and documentation
{% endblock %}

{% block maincolumn_content %}

    <div class="grid-row">
      <div class="column-two-thirds">

        <h1 class="heading-large">
          New API key
        </h1>

        <p>
          Copy your key to somewhere safe. You won’t be able to see it again
          once you leave this page.
        </p>

      </div>
    </div>

    {{ api_key(secret, key_name) }}

    {{ page_footer(
      secondary_link=url_for('.api_keys', service_id=service_id),
      secondary_link_text='Back to API keys'
    ) }}

{% endblock %}

Fix wrapping of API key
Fix wrapping of API key
