spa.html

<style type="text/css">
  .text-container {
    min-height: 2.5em;
  }

  .no-menu .text-container {
    min-height: inherit;
  }

  .modax-body .text-container {
    min-height: 0em;
  }

  .modax-body temba-alert {
    display: none;
  }
</style>
{% block page-header %}
  {% csrf_token %}
  <div class="mb-4">
    <div class="no-menu flex items-center">
      <div class="text-container text-2xl text-gray-700">
        <div class="flex flex-row">
          {% block title %}
            <div id="title-text">
              {% block title-text %}
                {{ title }}
              {% endblock title-text %}
            </div>
          {% endblock title %}
        </div>
      </div>
      <div class="line flex-grow mr-2 ml-6">
        <div class="h-0 border border-gray-200"></div>
      </div>
      {% if has_context_menu %}
        {% include "spa_page_menu.html" %}
      {% endif %}
    </div>
    <div class="text-lg text-gray-600">
      {% block subtitle %}
      {% endblock subtitle %}
    </div>
  </div>
{% endblock page-header %}
{% block extra-style %}
{% endblock extra-style %}
{% block extra-script %}
{% endblock extra-script %}
{% block alert-messages %}
  {% if user_org.is_suspended %}
    {% include "org_suspended_include.html" %}
  {% endif %}
{% endblock alert-messages %}
{% block page-container %}
  {% block content %}
  {% endblock content %}
{% endblock page-container %}