{% if shape %}
<div class="aoi-header-wrapper title-row">
    {% if can_go_back %}
    <div class="back">
        <a data-url="/" class="btn btn-lg btn-icon light"><i class="fa fa-arrow-left"></i></a>
    </div>
    {% endif %}

    <div class="title">
        <h2 class="light">{{ place }}</h2>
        <label class="light">{{ area|round|toLocaleString }} {{ units }}</label>
    </div>
    <div class="cta-wrapper">
        <a data-url="/{{ url }}" class="btn btn-lg btn-cta"><i class="fa fa-arrow-right"></i></a>
        <label class="paper center-block text-center">{{ next_label }}</label>
    </div>
</div>
{% endif %}

{% if shape %}
<div class="aoi-header-wrapper title-row">
    {% if can_go_back %}
    <div class="back">
        <a data-url="/" class="btn btn-lg btn-icon light"><i class="fa fa-arrow-left"></i></a>
    </div>
    {% endif %}

    <div class="title">
        <h2 class="light">{{ place }}</h2>
        {% if area > 0 %}
        <label class="light">{{ area|round|toLocaleString }} {{ units }}</label>
        {% endif %}
    </div>
    <div class="cta-wrapper">
        <a data-url="/{{ url }}" class="btn btn-lg btn-cta"><i class="fa fa-arrow-right"></i></a>
        <label class="paper center-block text-center">{{ next_label }}</label>
    </div>
</div>
{% endif %}

Hide area if it equals 0
Hide area if it equals 0

We cannot compute the area of invalid watersheds (multipolygons) so
instead of displaying 0 in the footer, don't display anything at all.
