From f589da4e72c16c1c161b8d194e3908af76f4c5fe Mon Sep 17 00:00:00 2001
From: Jens Langhammer <jens.langhammer@beryju.org>
Date: Tue, 9 Jun 2020 09:52:25 +0200
Subject: [PATCH] ui: (pf4) fix empty state

---
 .../administration/application/list.html      | 16 +++---
 .../certificatekeypair/list.html              | 16 +++---
 .../templates/administration/flow/list.html   | 17 +++---
 .../templates/administration/group/list.html  | 16 +++---
 .../templates/administration/policy/list.html | 52 ++++++++++---------
 .../administration/policybinding/list.html    | 16 +++---
 .../administration/property_mapping/list.html | 52 ++++++++++---------
 .../administration/provider/list.html         | 50 +++++++++---------
 .../templates/administration/source/list.html | 50 +++++++++---------
 .../templates/administration/stage/list.html  | 52 ++++++++++---------
 .../administration/stage_binding/list.html    | 16 +++---
 .../administration/stage_invitation/list.html | 16 +++---
 .../administration/stage_prompt/list.html     | 16 +++---
 .../templates/administration/user/list.html   | 16 +++---
 passbook/core/templates/overview/index.html   | 22 ++++----
 15 files changed, 226 insertions(+), 197 deletions(-)

diff --git a/passbook/admin/templates/administration/application/list.html b/passbook/admin/templates/administration/application/list.html
index 1e44f4e58..edbbf2ce7 100644
--- a/passbook/admin/templates/administration/application/list.html
+++ b/passbook/admin/templates/administration/application/list.html
@@ -65,14 +65,16 @@
         </div>
         {% else %}
         <div class="pf-c-empty-state">
-            <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
-            <h1 class="pf-c-title pf-m-lg">
-                {% trans 'No Applications.' %}
-            </h1>
-            <div class="pf-c-empty-state__body">
-                {% trans 'Currently no applications exist. Click the button below to create one.' %}
+            <div class="pf-c-empty-state__content">
+                <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
+                <h1 class="pf-c-title pf-m-lg">
+                    {% trans 'No Applications.' %}
+                </h1>
+                <div class="pf-c-empty-state__body">
+                    {% trans 'Currently no applications exist. Click the button below to create one.' %}
+                </div>
+                <a href="{% url 'passbook_admin:application-create' %}?back={{ request.get_full_path }}" class="pf-c-button pf-m-primary" type="button">{% trans 'Create' %}</a>
             </div>
-            <a href="{% url 'passbook_admin:application-create' %}?back={{ request.get_full_path }}" class="pf-c-button pf-m-primary" type="button">{% trans 'Create' %}</a>
         </div>
         {% endif %}
     </div>
diff --git a/passbook/admin/templates/administration/certificatekeypair/list.html b/passbook/admin/templates/administration/certificatekeypair/list.html
index 265547ca3..1be8c5a84 100644
--- a/passbook/admin/templates/administration/certificatekeypair/list.html
+++ b/passbook/admin/templates/administration/certificatekeypair/list.html
@@ -67,14 +67,16 @@
         </div>
         {% else %}
         <div class="pf-c-empty-state">
-            <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
-            <h1 class="pf-c-title pf-m-lg">
-                {% trans 'No Certificates.' %}
-            </h1>
-            <div class="pf-c-empty-state__body">
-                {% trans 'Currently no certificates exist. Click the button below to create one.' %}
+            <div class="pf-c-empty-state__content">
+                <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
+                <h1 class="pf-c-title pf-m-lg">
+                    {% trans 'No Certificates.' %}
+                </h1>
+                <div class="pf-c-empty-state__body">
+                    {% trans 'Currently no certificates exist. Click the button below to create one.' %}
+                </div>
+                <a href="{% url 'passbook_admin:certificatekeypair-create' %}?back={{ request.get_full_path }}" class="pf-c-button pf-m-primary" type="button">{% trans 'Create' %}</a>
             </div>
-            <a href="{% url 'passbook_admin:certificatekeypair-create' %}?back={{ request.get_full_path }}" class="pf-c-button pf-m-primary" type="button">{% trans 'Create' %}</a>
         </div>
         {% endif %}
     </div>
diff --git a/passbook/admin/templates/administration/flow/list.html b/passbook/admin/templates/administration/flow/list.html
index 9ee4e95c4..665692ac1 100644
--- a/passbook/admin/templates/administration/flow/list.html
+++ b/passbook/admin/templates/administration/flow/list.html
@@ -69,15 +69,16 @@
         </div>
         {% else %}
         <div class="pf-c-empty-state">
-            <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
-            <h1 class="pf-c-title pf-m-lg">
-                {% trans 'No Flows.' %}
-            </h1>
-            <div class="pf-c-empty-state__body">
-                {% trans 'Currently no flows exist. Click the button below to create one.' %}
+            <div class="pf-c-empty-state__content">
+                <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
+                <h1 class="pf-c-title pf-m-lg">
+                    {% trans 'No Flows.' %}
+                </h1>
+                <div class="pf-c-empty-state__body">
+                    {% trans 'Currently no flows exist. Click the button below to create one.' %}
+                </div>
+                <a href="{% url 'passbook_admin:flow-create' %}?back={{ request.get_full_path }}" class="pf-c-button pf-m-primary" type="button">{% trans 'Create' %}</a>
             </div>
-            <a href="{% url 'passbook_admin:flow-create' %}?back={{ request.get_full_path }}"
-                class="pf-c-button pf-m-primary" type="button">{% trans 'Create' %}</a>
         </div>
         {% endif %}
     </div>
diff --git a/passbook/admin/templates/administration/group/list.html b/passbook/admin/templates/administration/group/list.html
index 77a80773a..9a1cf78b1 100644
--- a/passbook/admin/templates/administration/group/list.html
+++ b/passbook/admin/templates/administration/group/list.html
@@ -64,14 +64,16 @@
         </div>
         {% else %}
         <div class="pf-c-empty-state">
-            <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
-            <h1 class="pf-c-title pf-m-lg">
-                {% trans 'No Groups.' %}
-            </h1>
-            <div class="pf-c-empty-state__body">
-                {% trans 'Currently no group exist. Click the button below to create one.' %}
+            <div class="pf-c-empty-state__content">
+                <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
+                <h1 class="pf-c-title pf-m-lg">
+                    {% trans 'No Groups.' %}
+                </h1>
+                <div class="pf-c-empty-state__body">
+                    {% trans 'Currently no group exist. Click the button below to create one.' %}
+                </div>
+                <a href="{% url 'passbook_admin:group-create' %}?back={{ request.get_full_path }}" class="pf-c-button pf-m-primary" type="button">{% trans 'Create' %}</a>
             </div>
-            <a href="{% url 'passbook_admin:group-create' %}?back={{ request.get_full_path }}" class="pf-c-button pf-m-primary" type="button">{% trans 'Create' %}</a>
         </div>
         {% endif %}
     </div>
diff --git a/passbook/admin/templates/administration/policy/list.html b/passbook/admin/templates/administration/policy/list.html
index 198d04dc6..78f1e7494 100644
--- a/passbook/admin/templates/administration/policy/list.html
+++ b/passbook/admin/templates/administration/policy/list.html
@@ -81,31 +81,33 @@
         </div>
         {% else %}
         <div class="pf-c-empty-state">
-            <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
-            <h1 class="pf-c-title pf-m-lg">
-                {% trans 'No Policies.' %}
-            </h1>
-            <div class="pf-c-empty-state__body">
-                {% trans 'Currently no policies exist. Click the button below to create one.' %}
-            </div>
-            <div class="pf-c-dropdown">
-                <button class="pf-m-primary pf-c-dropdown__toggle" type="button">
-                    <span class="pf-c-dropdown__toggle-text">{% trans 'Create' %}</span>
-                    <i class="fas fa-caret-down pf-c-dropdown__toggle-icon" aria-hidden="true"></i>
-                </button>
-                <ul class="pf-c-dropdown__menu" hidden>
-                    {% for type, name in types.items %}
-                    <li>
-                        <a class="pf-c-dropdown__menu-item"
-                            href="{% url 'passbook_admin:policy-create' %}?type={{ type }}&back={{ request.get_full_path }}">
-                            {{ name|verbose_name }}<br>
-                            <small>
-                                {{ name|doc }}
-                            </small>
-                        </a>
-                    </li>
-                    {% endfor %}
-                </ul>
+            <div class="pf-c-empty-state__content">
+                <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
+                <h1 class="pf-c-title pf-m-lg">
+                    {% trans 'No Policies.' %}
+                </h1>
+                <div class="pf-c-empty-state__body">
+                    {% trans 'Currently no policies exist. Click the button below to create one.' %}
+                </div>
+                <div class="pf-c-dropdown">
+                    <button class="pf-m-primary pf-c-dropdown__toggle" type="button">
+                        <span class="pf-c-dropdown__toggle-text">{% trans 'Create' %}</span>
+                        <i class="fas fa-caret-down pf-c-dropdown__toggle-icon" aria-hidden="true"></i>
+                    </button>
+                    <ul class="pf-c-dropdown__menu" hidden>
+                        {% for type, name in types.items %}
+                        <li>
+                            <a class="pf-c-dropdown__menu-item"
+                                href="{% url 'passbook_admin:policy-create' %}?type={{ type }}&back={{ request.get_full_path }}">
+                                {{ name|verbose_name }}<br>
+                                <small>
+                                    {{ name|doc }}
+                                </small>
+                            </a>
+                        </li>
+                        {% endfor %}
+                    </ul>
+                </div>
             </div>
         </div>
         {% endif %}
diff --git a/passbook/admin/templates/administration/policybinding/list.html b/passbook/admin/templates/administration/policybinding/list.html
index 173c56349..a835f0ce6 100644
--- a/passbook/admin/templates/administration/policybinding/list.html
+++ b/passbook/admin/templates/administration/policybinding/list.html
@@ -57,14 +57,16 @@
         </div>
         {% else %}
         <div class="pf-c-empty-state">
-            <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
-            <h1 class="pf-c-title pf-m-lg">
-                {% trans 'No Policy Bindings.' %}
-            </h1>
-            <div class="pf-c-empty-state__body">
-                {% trans 'Currently no policy bindings exist. Click the button below to create one.' %}
+            <div class="pf-c-empty-state__content">
+                <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
+                <h1 class="pf-c-title pf-m-lg">
+                    {% trans 'No Policy Bindings.' %}
+                </h1>
+                <div class="pf-c-empty-state__body">
+                    {% trans 'Currently no policy bindings exist. Click the button below to create one.' %}
+                </div>
+                <a href="{% url 'passbook_admin:policy-binding-create' %}?back={{ request.get_full_path }}" class="pf-c-button pf-m-primary" type="button">{% trans 'Create' %}</a>
             </div>
-            <a href="{% url 'passbook_admin:policy-binding-create' %}?back={{ request.get_full_path }}" class="pf-c-button pf-m-primary" type="button">{% trans 'Create' %}</a>
         </div>
         {% endif %}
     </div>
diff --git a/passbook/admin/templates/administration/property_mapping/list.html b/passbook/admin/templates/administration/property_mapping/list.html
index 00d674870..3963c94bd 100644
--- a/passbook/admin/templates/administration/property_mapping/list.html
+++ b/passbook/admin/templates/administration/property_mapping/list.html
@@ -75,31 +75,33 @@
         </div>
         {% else %}
         <div class="pf-c-empty-state">
-            <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
-            <h1 class="pf-c-title pf-m-lg">
-                {% trans 'No Property Mappings.' %}
-            </h1>
-            <div class="pf-c-empty-state__body">
-                {% trans 'Currently no property mappings exist. Click the button below to create one.' %}
-            </div>
-            <div class="pf-c-dropdown">
-                <button class="pf-m-primary pf-c-dropdown__toggle" type="button">
-                    <span class="pf-c-dropdown__toggle-text">{% trans 'Create' %}</span>
-                    <i class="fas fa-caret-down pf-c-dropdown__toggle-icon" aria-hidden="true"></i>
-                </button>
-                <ul class="pf-c-dropdown__menu" hidden>
-                    {% for type, name in types.items %}
-                    <li>
-                        <a class="pf-c-dropdown__menu-item"
-                            href="{% url 'passbook_admin:property-mapping-create' %}?type={{ type }}&back={{ request.get_full_path }}">
-                            {{ name|verbose_name }}<br>
-                            <small>
-                                {{ name|doc }}
-                            </small>
-                        </a>
-                    </li>
-                    {% endfor %}
-                </ul>
+            <div class="pf-c-empty-state__content">
+                <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
+                <h1 class="pf-c-title pf-m-lg">
+                    {% trans 'No Property Mappings.' %}
+                </h1>
+                <div class="pf-c-empty-state__body">
+                    {% trans 'Currently no property mappings exist. Click the button below to create one.' %}
+                </div>
+                <div class="pf-c-dropdown">
+                    <button class="pf-m-primary pf-c-dropdown__toggle" type="button">
+                        <span class="pf-c-dropdown__toggle-text">{% trans 'Create' %}</span>
+                        <i class="fas fa-caret-down pf-c-dropdown__toggle-icon" aria-hidden="true"></i>
+                    </button>
+                    <ul class="pf-c-dropdown__menu" hidden>
+                        {% for type, name in types.items %}
+                        <li>
+                            <a class="pf-c-dropdown__menu-item"
+                                href="{% url 'passbook_admin:property-mapping-create' %}?type={{ type }}&back={{ request.get_full_path }}">
+                                {{ name|verbose_name }}<br>
+                                <small>
+                                    {{ name|doc }}
+                                </small>
+                            </a>
+                        </li>
+                        {% endfor %}
+                    </ul>
+                </div>
             </div>
         </div>
         {% endif %}
diff --git a/passbook/admin/templates/administration/provider/list.html b/passbook/admin/templates/administration/provider/list.html
index 5a804bfd6..d503c0a9a 100644
--- a/passbook/admin/templates/administration/provider/list.html
+++ b/passbook/admin/templates/administration/provider/list.html
@@ -94,30 +94,32 @@
         </div>
         {% else %}
         <div class="pf-c-empty-state">
-            <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
-            <h1 class="pf-c-title pf-m-lg">
-                {% trans 'No Providers.' %}
-            </h1>
-            <div class="pf-c-empty-state__body">
-                {% trans 'Currently no providers exist. Click the button below to create one.' %}
-            </div>
-            <div class="pf-c-dropdown">
-                <button class="pf-m-primary pf-c-dropdown__toggle" type="button">
-                    <span class="pf-c-dropdown__toggle-text">{% trans 'Create' %}</span>
-                    <i class="fas fa-caret-down pf-c-dropdown__toggle-icon" aria-hidden="true"></i>
-                </button>
-                <ul class="pf-c-dropdown__menu" hidden>
-                    {% for type, name in types.items %}
-                    <li>
-                        <a class="pf-c-dropdown__menu-item" href="{% url 'passbook_admin:provider-create' %}?type={{ type }}&back={{ request.get_full_path }}">
-                            {{ name|verbose_name }}<br>
-                            <small>
-                                {{ name|doc }}
-                            </small>
-                        </a>
-                    </li>
-                    {% endfor %}
-                </ul>
+            <div class="pf-c-empty-state__content">
+                <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
+                <h1 class="pf-c-title pf-m-lg">
+                    {% trans 'No Providers.' %}
+                </h1>
+                <div class="pf-c-empty-state__body">
+                    {% trans 'Currently no providers exist. Click the button below to create one.' %}
+                </div>
+                <div class="pf-c-dropdown">
+                    <button class="pf-m-primary pf-c-dropdown__toggle" type="button">
+                        <span class="pf-c-dropdown__toggle-text">{% trans 'Create' %}</span>
+                        <i class="fas fa-caret-down pf-c-dropdown__toggle-icon" aria-hidden="true"></i>
+                    </button>
+                    <ul class="pf-c-dropdown__menu" hidden>
+                        {% for type, name in types.items %}
+                        <li>
+                            <a class="pf-c-dropdown__menu-item" href="{% url 'passbook_admin:provider-create' %}?type={{ type }}&back={{ request.get_full_path }}">
+                                {{ name|verbose_name }}<br>
+                                <small>
+                                    {{ name|doc }}
+                                </small>
+                            </a>
+                        </li>
+                        {% endfor %}
+                    </ul>
+                </div>
             </div>
         </div>
         {% endif %}
diff --git a/passbook/admin/templates/administration/source/list.html b/passbook/admin/templates/administration/source/list.html
index 067a6501e..c01fd587b 100644
--- a/passbook/admin/templates/administration/source/list.html
+++ b/passbook/admin/templates/administration/source/list.html
@@ -88,30 +88,32 @@
         </div>
         {% else %}
         <div class="pf-c-empty-state">
-            <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
-            <h1 class="pf-c-title pf-m-lg">
-                {% trans 'No Sources.' %}
-            </h1>
-            <div class="pf-c-empty-state__body">
-                {% trans 'Currently no sources exist. Click the button below to create one.' %}
-            </div>
-            <div class="pf-c-dropdown">
-                <button class="pf-m-primary pf-c-dropdown__toggle" type="button">
-                    <span class="pf-c-dropdown__toggle-text">{% trans 'Create' %}</span>
-                    <i class="fas fa-caret-down pf-c-dropdown__toggle-icon" aria-hidden="true"></i>
-                </button>
-                <ul class="pf-c-dropdown__menu" hidden>
-                    {% for type, name in types.items %}
-                    <li>
-                        <a class="pf-c-dropdown__menu-item" href="{% url 'passbook_admin:source-create' %}?type={{ type }}&back={{ request.get_full_path }}">
-                            {{ name|verbose_name }}<br>
-                            <small>
-                                {{ name|doc }}
-                            </small>
-                        </a>
-                    </li>
-                    {% endfor %}
-                </ul>
+            <div class="pf-c-empty-state__content">
+                <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
+                <h1 class="pf-c-title pf-m-lg">
+                    {% trans 'No Sources.' %}
+                </h1>
+                <div class="pf-c-empty-state__body">
+                    {% trans 'Currently no sources exist. Click the button below to create one.' %}
+                </div>
+                <div class="pf-c-dropdown">
+                    <button class="pf-m-primary pf-c-dropdown__toggle" type="button">
+                        <span class="pf-c-dropdown__toggle-text">{% trans 'Create' %}</span>
+                        <i class="fas fa-caret-down pf-c-dropdown__toggle-icon" aria-hidden="true"></i>
+                    </button>
+                    <ul class="pf-c-dropdown__menu" hidden>
+                        {% for type, name in types.items %}
+                        <li>
+                            <a class="pf-c-dropdown__menu-item" href="{% url 'passbook_admin:source-create' %}?type={{ type }}&back={{ request.get_full_path }}">
+                                {{ name|verbose_name }}<br>
+                                <small>
+                                    {{ name|doc }}
+                                </small>
+                            </a>
+                        </li>
+                        {% endfor %}
+                    </ul>
+                </div>
             </div>
         </div>
         {% endif %}
diff --git a/passbook/admin/templates/administration/stage/list.html b/passbook/admin/templates/administration/stage/list.html
index 9ca46266a..295cef3c7 100644
--- a/passbook/admin/templates/administration/stage/list.html
+++ b/passbook/admin/templates/administration/stage/list.html
@@ -84,31 +84,33 @@
         </div>
         {% else %}
         <div class="pf-c-empty-state">
-            <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
-            <h1 class="pf-c-title pf-m-lg">
-                {% trans 'No Stages.' %}
-            </h1>
-            <div class="pf-c-empty-state__body">
-                {% trans 'Currently no stages exist. Click the button below to create one.' %}
-            </div>
-            <div class="pf-c-dropdown">
-                <button class="pf-m-primary pf-c-dropdown__toggle" type="button">
-                    <span class="pf-c-dropdown__toggle-text">{% trans 'Create' %}</span>
-                    <i class="fas fa-caret-down pf-c-dropdown__toggle-icon" aria-hidden="true"></i>
-                </button>
-                <ul class="pf-c-dropdown__menu" hidden>
-                    {% for type, name in types.items %}
-                    <li>
-                        <a class="pf-c-dropdown__menu-item"
-                            href="{% url 'passbook_admin:stage-create' %}?type={{ type }}&back={{ request.get_full_path }}">
-                            {{ name|verbose_name }}<br>
-                            <small>
-                                {{ name|doc }}
-                            </small>
-                        </a>
-                    </li>
-                    {% endfor %}
-                </ul>
+            <div class="pf-c-empty-state__content">
+                <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
+                <h1 class="pf-c-title pf-m-lg">
+                    {% trans 'No Stages.' %}
+                </h1>
+                <div class="pf-c-empty-state__body">
+                    {% trans 'Currently no stages exist. Click the button below to create one.' %}
+                </div>
+                <div class="pf-c-dropdown">
+                    <button class="pf-m-primary pf-c-dropdown__toggle" type="button">
+                        <span class="pf-c-dropdown__toggle-text">{% trans 'Create' %}</span>
+                        <i class="fas fa-caret-down pf-c-dropdown__toggle-icon" aria-hidden="true"></i>
+                    </button>
+                    <ul class="pf-c-dropdown__menu" hidden>
+                        {% for type, name in types.items %}
+                        <li>
+                            <a class="pf-c-dropdown__menu-item"
+                                href="{% url 'passbook_admin:stage-create' %}?type={{ type }}&back={{ request.get_full_path }}">
+                                {{ name|verbose_name }}<br>
+                                <small>
+                                    {{ name|doc }}
+                                </small>
+                            </a>
+                        </li>
+                        {% endfor %}
+                    </ul>
+                </div>
             </div>
         </div>
         {% endif %}
diff --git a/passbook/admin/templates/administration/stage_binding/list.html b/passbook/admin/templates/administration/stage_binding/list.html
index 7c1d94f79..3eacf7ffe 100644
--- a/passbook/admin/templates/administration/stage_binding/list.html
+++ b/passbook/admin/templates/administration/stage_binding/list.html
@@ -84,14 +84,16 @@
         </div>
         {% else %}
         <div class="pf-c-empty-state">
-            <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
-            <h1 class="pf-c-title pf-m-lg">
-                {% trans 'No Flow-Stage Bindings.' %}
-            </h1>
-            <div class="pf-c-empty-state__body">
-                {% trans 'Currently no flow-stage bindings exist. Click the button below to create one.' %}
+            <div class="pf-c-empty-state__content">
+                <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
+                <h1 class="pf-c-title pf-m-lg">
+                    {% trans 'No Flow-Stage Bindings.' %}
+                </h1>
+                <div class="pf-c-empty-state__body">
+                    {% trans 'Currently no flow-stage bindings exist. Click the button below to create one.' %}
+                </div>
+                <a href="{% url 'passbook_admin:certificatekeypair-create' %}?back={{ request.get_full_path }}" class="pf-c-button pf-m-primary" type="button">{% trans 'Create' %}</a>
             </div>
-            <a href="{% url 'passbook_admin:certificatekeypair-create' %}?back={{ request.get_full_path }}" class="pf-c-button pf-m-primary" type="button">{% trans 'Create' %}</a>
         </div>
         {% endif %}
     </div>
diff --git a/passbook/admin/templates/administration/stage_invitation/list.html b/passbook/admin/templates/administration/stage_invitation/list.html
index 779e1344d..9a772bc4d 100644
--- a/passbook/admin/templates/administration/stage_invitation/list.html
+++ b/passbook/admin/templates/administration/stage_invitation/list.html
@@ -57,14 +57,16 @@
         </div>
         {% else %}
         <div class="pf-c-empty-state">
-            <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
-            <h1 class="pf-c-title pf-m-lg">
-                {% trans 'No Invitations.' %}
-            </h1>
-            <div class="pf-c-empty-state__body">
-                {% trans 'Currently no invitations exist. Click the button below to create one.' %}
+            <div class="pf-c-empty-state__content">
+                <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
+                <h1 class="pf-c-title pf-m-lg">
+                    {% trans 'No Invitations.' %}
+                </h1>
+                <div class="pf-c-empty-state__body">
+                    {% trans 'Currently no invitations exist. Click the button below to create one.' %}
+                </div>
+                <a href="{% url 'passbook_admin:stage-invitation-create' %}?back={{ request.get_full_path }}" class="pf-c-button pf-m-primary" type="button">{% trans 'Create' %}</a>
             </div>
-            <a href="{% url 'passbook_admin:stage-invitation-create' %}?back={{ request.get_full_path }}" class="pf-c-button pf-m-primary" type="button">{% trans 'Create' %}</a>
         </div>
         {% endif %}
     </div>
diff --git a/passbook/admin/templates/administration/stage_prompt/list.html b/passbook/admin/templates/administration/stage_prompt/list.html
index 5aff63c69..d2219f85a 100644
--- a/passbook/admin/templates/administration/stage_prompt/list.html
+++ b/passbook/admin/templates/administration/stage_prompt/list.html
@@ -83,14 +83,16 @@
         </div>
         {% else %}
         <div class="pf-c-empty-state">
-            <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
-            <h1 class="pf-c-title pf-m-lg">
-                {% trans 'No Stage Prompts.' %}
-            </h1>
-            <div class="pf-c-empty-state__body">
-                {% trans 'Currently no stage prompts exist. Click the button below to create one.' %}
+            <div class="pf-c-empty-state__content">
+                <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
+                <h1 class="pf-c-title pf-m-lg">
+                    {% trans 'No Stage Prompts.' %}
+                </h1>
+                <div class="pf-c-empty-state__body">
+                    {% trans 'Currently no stage prompts exist. Click the button below to create one.' %}
+                </div>
+                <a href="{% url 'passbook_admin:stage-prompt-create' %}?back={{ request.get_full_path }}" class="pf-c-button pf-m-primary" type="button">{% trans 'Create' %}</a>
             </div>
-            <a href="{% url 'passbook_admin:stage-prompt-create' %}?back={{ request.get_full_path }}" class="pf-c-button pf-m-primary" type="button">{% trans 'Create' %}</a>
         </div>
         {% endif %}
     </div>
diff --git a/passbook/admin/templates/administration/user/list.html b/passbook/admin/templates/administration/user/list.html
index 8293b769f..1429f96be 100644
--- a/passbook/admin/templates/administration/user/list.html
+++ b/passbook/admin/templates/administration/user/list.html
@@ -64,14 +64,16 @@
         </div>
         {% else %}
         <div class="pf-c-empty-state">
-            <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
-            <h1 class="pf-c-title pf-m-lg">
-                {% trans 'No Users.' %}
-            </h1>
-            <div class="pf-c-empty-state__body">
-                {% trans 'Currently no users exist. How did you even get here.' %}
+            <div class="pf-c-empty-state__content">
+                <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
+                <h1 class="pf-c-title pf-m-lg">
+                    {% trans 'No Users.' %}
+                </h1>
+                <div class="pf-c-empty-state__body">
+                    {% trans 'Currently no users exist. How did you even get here.' %}
+                </div>
+                <a href="{% url 'passbook_admin:user-create' %}?back={{ request.get_full_path }}" class="pf-c-button pf-m-primary" type="button">{% trans 'Create' %}</a>
             </div>
-            <a href="{% url 'passbook_admin:user-create' %}?back={{ request.get_full_path }}" class="pf-c-button pf-m-primary" type="button">{% trans 'Create' %}</a>
         </div>
         {% endif %}
     </div>
diff --git a/passbook/core/templates/overview/index.html b/passbook/core/templates/overview/index.html
index 18408f152..0e936f0a5 100644
--- a/passbook/core/templates/overview/index.html
+++ b/passbook/core/templates/overview/index.html
@@ -43,17 +43,19 @@
         {% endfor %}
     </div>
     {% else %}
-    <div class="pf-c-empty-state">
-        <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
-        <h1 class="pf-c-title pf-m-lg">{% trans 'No Applications available.' %}</h1>
-        <div class="pf-c-empty-state__body">
-            {% trans "Either no applications are defined, or you don't have access to any." %}
+    <div class="pf-c-empty-state pf-m-full-height">
+        <div class="pf-c-empty-state__content">
+            <i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
+            <h1 class="pf-c-title pf-m-lg">{% trans 'No Applications available.' %}</h1>
+            <div class="pf-c-empty-state__body">
+                {% trans "Either no applications are defined, or you don't have access to any." %}
+            </div>
+            {% if user.is_superuser %} {# todo: use guardian permissions instead #}
+            <a href="{% url 'passbook_admin:application-create' %}" class="pf-c-button pf-m-primary" type="button">
+                {% trans 'Create Application' %}
+            </a>
+            {% endif %}
         </div>
-        {% if user.is_superuser %} {# todo: use guardian permissions instead #}
-        <a href="{% url 'passbook_admin:application-create' %}" class="pf-c-button pf-m-primary" type="button">
-            {% trans 'Create Application' %}
-        </a>
-        {% endif %}
     </div>
     {% endif %}
 </section>