From dcbc3d788ad6bab80e0c2781b6c58b300063ac16 Mon Sep 17 00:00:00 2001
From: Jens Langhammer <jens.langhammer@beryju.org>
Date: Mon, 20 Dec 2021 21:40:26 +0100
Subject: [PATCH] web/admin: fix border for outpost health status

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
---
 web/src/pages/outposts/OutpostHealth.ts | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/web/src/pages/outposts/OutpostHealth.ts b/web/src/pages/outposts/OutpostHealth.ts
index 64e43934d..7568951f5 100644
--- a/web/src/pages/outposts/OutpostHealth.ts
+++ b/web/src/pages/outposts/OutpostHealth.ts
@@ -1,6 +1,6 @@
 import { t } from "@lingui/macro";
 
-import { CSSResult, LitElement, TemplateResult, html } from "lit";
+import { CSSResult, LitElement, TemplateResult, css, html } from "lit";
 import { customElement, property } from "lit/decorators.js";
 
 import AKGlobal from "../../authentik.css";
@@ -17,7 +17,15 @@ export class OutpostHealthElement extends LitElement {
     outpostHealth?: OutpostHealth;
 
     static get styles(): CSSResult[] {
-        return [PFBase, AKGlobal];
+        return [
+            PFBase,
+            AKGlobal,
+            css`
+                li {
+                    margin: 5px 0;
+                }
+            `,
+        ];
     }
 
     render(): TemplateResult {
@@ -25,12 +33,12 @@ export class OutpostHealthElement extends LitElement {
             return html`<ak-spinner></ak-spinner>`;
         }
         return html` <ul>
-            <li role="cell">
+            <li>
                 <ak-label color=${PFColor.Green}>
                     ${t`Last seen: ${this.outpostHealth.lastSeen?.toLocaleTimeString()}`}
                 </ak-label>
             </li>
-            <li role="cell">
+            <li>
                 ${this.outpostHealth.versionOutdated
                     ? html`<ak-label color=${PFColor.Red}
                           >${t`${this.outpostHealth.version}, should be ${this.outpostHealth.versionShould}`}