From 22ee587e9f3e5c562ebd1a0568ce8ab8c224b7f9 Mon Sep 17 00:00:00 2001
From: Jens L <jens@goauthentik.io>
Date: Wed, 24 May 2023 21:50:35 +0200
Subject: [PATCH] web/user: fix search input styling (#5745)

Signed-off-by: Jens Langhammer <jens@goauthentik.io>
---
 web/src/user/LibraryPage/ApplicationSearch.ts | 21 +++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/web/src/user/LibraryPage/ApplicationSearch.ts b/web/src/user/LibraryPage/ApplicationSearch.ts
index c6c104223..5a42dfe1f 100644
--- a/web/src/user/LibraryPage/ApplicationSearch.ts
+++ b/web/src/user/LibraryPage/ApplicationSearch.ts
@@ -4,7 +4,7 @@ import Fuse from "fuse.js";
 
 import { t } from "@lingui/macro";
 
-import { html } from "lit";
+import { css, html } from "lit";
 import { customElement, property, query } from "lit/decorators.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 
@@ -18,7 +18,24 @@ import { customEvent } from "./helpers";
 
 @customElement("ak-library-list-search")
 export class LibraryPageApplicationList extends AKElement {
-    static styles = [PFBase, PFDisplay];
+    static styles = [
+        PFBase,
+        PFDisplay,
+        css`
+            input {
+                width: 30ch;
+                box-sizing: border-box;
+                border: 0;
+                border-bottom: 1px solid;
+                border-bottom-color: var(--ak-accent);
+                background-color: transparent;
+                font-size: 1.5rem;
+            }
+            input:focus {
+                outline: 0;
+            }
+        `,
+    ];
 
     @property()
     apps: Application[] = [];