From fcd9c58a731051df2d2cf9e3c99a5b733713794f Mon Sep 17 00:00:00 2001
From: Jens Langhammer <jens.langhammer@beryju.org>
Date: Wed, 6 Apr 2022 10:22:36 +0200
Subject: [PATCH] web/user: fix minor style issues

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
---
 web/src/interfaces/UserInterface.ts | 5 ++++-
 web/src/user/LibraryPage.ts         | 9 +++------
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/web/src/interfaces/UserInterface.ts b/web/src/interfaces/UserInterface.ts
index 8e2ac0eb0..1f2187e77 100644
--- a/web/src/interfaces/UserInterface.ts
+++ b/web/src/interfaces/UserInterface.ts
@@ -75,7 +75,10 @@ export class UserInterface extends LitElement {
                     background-color: transparent !important;
                 }
                 .pf-c-page {
-                    background-color: transparent !important;
+                    background-color: transparent;
+                }
+                .background-wrapper {
+                    background-color: var(--pf-c-page--BackgroundColor) !important;
                 }
                 .display-none {
                     display: none;
diff --git a/web/src/user/LibraryPage.ts b/web/src/user/LibraryPage.ts
index 90662393d..0b8217ae1 100644
--- a/web/src/user/LibraryPage.ts
+++ b/web/src/user/LibraryPage.ts
@@ -89,9 +89,6 @@ export class LibraryPage extends LitElement {
                 margin-bottom: 1em;
                 margin-top: 1.2em;
             }
-            .text-shadow {
-                text-shadow: 2px 2px 5px var(--ak-dark-background-light);
-            }
         `);
     }
 
@@ -148,7 +145,7 @@ export class LibraryPage extends LitElement {
             ${this.getApps().map(([group, apps]) => {
                 return html`<div class="pf-l-grid__item ${groupClass}">
                     <div class="pf-c-content app-group-header">
-                        <h2 class="text-shadow">${group}</h2>
+                        <h2>${group}</h2>
                     </div>
                     <div class="pf-l-grid pf-m-gutter ${groupGrid}">
                         ${apps.map((app) => {
@@ -175,7 +172,7 @@ export class LibraryPage extends LitElement {
                     id="main-content"
                 >
                     <div class="pf-c-content header">
-                        <h1 class="text-shadow">${t`My applications`}</h1>
+                        <h1>${t`My applications`}</h1>
                         ${config.enabledFeatures.search
                             ? html`<input
                                   @input=${(ev: InputEvent) => {
@@ -201,7 +198,7 @@ export class LibraryPage extends LitElement {
                                       }
                                   }}
                                   type="text"
-                                  class="pf-u-display-none pf-u-display-block-on-md text-shadow"
+                                  class="pf-u-display-none pf-u-display-block-on-md"
                                   autofocus
                                   placeholder=${t`Search...`}
                               />`