From e52390aa28f7abb71816b40f076ed98dd6b5e1d0 Mon Sep 17 00:00:00 2001
From: Jens Langhammer <jens.langhammer@beryju.org>
Date: Thu, 5 Aug 2021 14:14:39 +0200
Subject: [PATCH] web: fix alignment issues in application list page

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
---
 web/src/authentik.css                             | 5 +++++
 web/src/pages/applications/ApplicationListPage.ts | 6 +-----
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/web/src/authentik.css b/web/src/authentik.css
index 44cff458e..c460537fd 100644
--- a/web/src/authentik.css
+++ b/web/src/authentik.css
@@ -93,6 +93,11 @@ body {
     color: var(--pf-global--Color--100);
 }
 
+/* Fix alignment issues with images in tables */
+.pf-c-table tbody > tr > * {
+    vertical-align: middle;
+}
+
 @media (prefers-color-scheme: dark) {
     :root {
         --pf-global--Color--100: var(--ak-dark-foreground);
diff --git a/web/src/pages/applications/ApplicationListPage.ts b/web/src/pages/applications/ApplicationListPage.ts
index 6af4c0c95..06c90867c 100644
--- a/web/src/pages/applications/ApplicationListPage.ts
+++ b/web/src/pages/applications/ApplicationListPage.ts
@@ -121,11 +121,7 @@ export class ApplicationListPage extends TablePage<Application> {
                     </button>
                 </ak-forms-modal>
                 ${item.launchUrl
-                    ? html`<a
-                          href=${item.launchUrl}
-                          target="_blank"
-                          class="pf-c-button pf-m-plain"
-                      >
+                    ? html`<a href=${item.launchUrl} target="_blank" class="pf-c-button pf-m-plain">
                           <i class="fas fas fa-share-square"></i>
                       </a>`
                     : html``}`,