From 83abc20300687119867bdf640f5639cc20c27a2c Mon Sep 17 00:00:00 2001
From: Jens Langhammer <jens.langhammer@beryju.org>
Date: Wed, 17 Mar 2021 18:00:17 +0100
Subject: [PATCH] web: fix library display

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
---
 web/src/pages/LibraryPage.ts | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/web/src/pages/LibraryPage.ts b/web/src/pages/LibraryPage.ts
index e89f3c8a7..5b171ddc3 100644
--- a/web/src/pages/LibraryPage.ts
+++ b/web/src/pages/LibraryPage.ts
@@ -15,6 +15,7 @@ import PFPage from "@patternfly/patternfly/components/Page/page.css";
 import PFContent from "@patternfly/patternfly/components/Content/content.css";
 import AKGlobal from "../authentik.css";
 import PFAvatar from "@patternfly/patternfly/components/Avatar/avatar.css";
+import PFGallery from "@patternfly/patternfly/layouts/Gallery/gallery.css";
 
 @customElement("ak-library-app")
 export class LibraryApplication extends LitElement {
@@ -22,13 +23,16 @@ export class LibraryApplication extends LitElement {
     application?: Application;
 
     static get styles(): CSSResult[] {
-        return [PFBase, PFCard, PFAvatar,
+        return [PFBase, PFCard, PFAvatar, AKGlobal,
             css`
                 a {
                     height: 100%;
                 }
                 i.pf-icon {
                     height: 36px;
+                    display: flex;
+                    flex-direction: column;
+                    justify-content: center;
                 }
                 .pf-c-avatar {
                     --pf-c-avatar--BorderRadius: 0;
@@ -82,7 +86,7 @@ export class LibraryPage extends LitElement {
     apps?: AKResponse<Application>;
 
     static get styles(): CSSResult[] {
-        return [PFBase, PFEmptyState, PFTitle, PFPage, PFContent, AKGlobal].concat(css`
+        return [PFBase, PFEmptyState, PFTitle, PFPage, PFContent, PFGallery, AKGlobal].concat(css`
             :host,
             main {
                 height: 100%;