ui: (pf4) fix empty state

passbook/admin/templates/administration/application/list.html

@@ -65,6 +65,7 @@
         </div>
         {% else %}
         <div class="pf-c-empty-state">
+            <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.' %}
@@ -74,6 +75,7 @@
                 </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>
+        </div>
         {% endif %}
     </div>
 </section>

passbook/admin/templates/administration/certificatekeypair/list.html

@@ -67,6 +67,7 @@
         </div>
         {% else %}
         <div class="pf-c-empty-state">
+            <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.' %}
@@ -76,6 +77,7 @@
                 </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>
+        </div>
         {% endif %}
     </div>
 </section>

passbook/admin/templates/administration/flow/list.html

@@ -69,6 +69,7 @@
         </div>
         {% else %}
         <div class="pf-c-empty-state">
+            <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.' %}
@@ -76,8 +77,8 @@
                 <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 }}"
+                <a href="{% url 'passbook_admin:flow-create' %}?back={{ request.get_full_path }}" class="pf-c-button pf-m-primary" type="button">{% trans 'Create' %}</a>
-                class="pf-c-button pf-m-primary" type="button">{% trans 'Create' %}</a>
+            </div>
         </div>
         {% endif %}
     </div>

passbook/admin/templates/administration/group/list.html

@@ -64,6 +64,7 @@
         </div>
         {% else %}
         <div class="pf-c-empty-state">
+            <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.' %}
@@ -73,6 +74,7 @@
                 </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>
+        </div>
         {% endif %}
     </div>
 </section>

passbook/admin/templates/administration/policy/list.html

@@ -81,6 +81,7 @@
         </div>
         {% else %}
         <div class="pf-c-empty-state">
+            <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.' %}
@@ -108,6 +109,7 @@
                     </ul>
                 </div>
             </div>
+        </div>
         {% endif %}
     </div>
 </section>

passbook/admin/templates/administration/policybinding/list.html

@@ -57,6 +57,7 @@
         </div>
         {% else %}
         <div class="pf-c-empty-state">
+            <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.' %}
@@ -66,6 +67,7 @@
                 </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>
+        </div>
         {% endif %}
     </div>
 </section>

passbook/admin/templates/administration/property_mapping/list.html

@@ -75,6 +75,7 @@
         </div>
         {% else %}
         <div class="pf-c-empty-state">
+            <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.' %}
@@ -102,6 +103,7 @@
                     </ul>
                 </div>
             </div>
+        </div>
         {% endif %}
     </div>
 </section>

passbook/admin/templates/administration/provider/list.html

@@ -94,6 +94,7 @@
         </div>
         {% else %}
         <div class="pf-c-empty-state">
+            <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.' %}
@@ -120,6 +121,7 @@
                     </ul>
                 </div>
             </div>
+        </div>
         {% endif %}
     </div>
 </section>

passbook/admin/templates/administration/source/list.html

@@ -88,6 +88,7 @@
         </div>
         {% else %}
         <div class="pf-c-empty-state">
+            <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.' %}
@@ -114,6 +115,7 @@
                     </ul>
                 </div>
             </div>
+        </div>
         {% endif %}
     </div>
 </section>

passbook/admin/templates/administration/stage/list.html

@@ -84,6 +84,7 @@
         </div>
         {% else %}
         <div class="pf-c-empty-state">
+            <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.' %}
@@ -111,6 +112,7 @@
                     </ul>
                 </div>
             </div>
+        </div>
         {% endif %}
     </div>
 </section>

passbook/admin/templates/administration/stage_binding/list.html

@@ -84,6 +84,7 @@
         </div>
         {% else %}
         <div class="pf-c-empty-state">
+            <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.' %}
@@ -93,6 +94,7 @@
                 </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>
+        </div>
         {% endif %}
     </div>
 </section>

passbook/admin/templates/administration/stage_invitation/list.html

@@ -57,6 +57,7 @@
         </div>
         {% else %}
         <div class="pf-c-empty-state">
+            <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.' %}
@@ -66,6 +67,7 @@
                 </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>
+        </div>
         {% endif %}
     </div>
 </section>

passbook/admin/templates/administration/stage_prompt/list.html

@@ -83,6 +83,7 @@
         </div>
         {% else %}
         <div class="pf-c-empty-state">
+            <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.' %}
@@ -92,6 +93,7 @@
                 </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>
+        </div>
         {% endif %}
     </div>
 </section>

passbook/admin/templates/administration/user/list.html

@@ -64,6 +64,7 @@
         </div>
         {% else %}
         <div class="pf-c-empty-state">
+            <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.' %}
@@ -73,6 +74,7 @@
                 </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>
+        </div>
         {% endif %}
     </div>
 </section>

passbook/core/templates/overview/index.html

@@ -43,7 +43,8 @@
         {% endfor %}
     </div>
     {% else %}
-    <div class="pf-c-empty-state">
+    <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">
@@ -55,6 +56,7 @@
             </a>
             {% endif %}
         </div>
+    </div>
     {% endif %}
 </section>
 {% endblock %}