From 715a71427e8ab65db318aa94f16bcdf72ec394f9 Mon Sep 17 00:00:00 2001
From: Jens Langhammer <jens.langhammer@beryju.org>
Date: Sat, 12 Jun 2021 20:30:41 +0200
Subject: [PATCH] web/admin: fix user enable/disable modal not matching other
 modals

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
---
 web/src/elements/buttons/ModalButton.ts |  3 +--
 web/src/pages/users/UserActiveForm.ts   | 20 ++++++--------------
 2 files changed, 7 insertions(+), 16 deletions(-)

diff --git a/web/src/elements/buttons/ModalButton.ts b/web/src/elements/buttons/ModalButton.ts
index b65be243c..cc8a8a18d 100644
--- a/web/src/elements/buttons/ModalButton.ts
+++ b/web/src/elements/buttons/ModalButton.ts
@@ -7,7 +7,6 @@ import PFFormControl from "@patternfly/patternfly/components/FormControl/form-co
 import PFBullseye from "@patternfly/patternfly/layouts/Bullseye/bullseye.css";
 import PFBackdrop from "@patternfly/patternfly/components/Backdrop/backdrop.css";
 import PFPage from "@patternfly/patternfly/components/Page/page.css";
-import PFStack from "@patternfly/patternfly/layouts/Stack/stack.css";
 import PFCard from "@patternfly/patternfly/components/Card/card.css";
 import PFTitle from "@patternfly/patternfly/components/Title/title.css";
 import PFContent from "@patternfly/patternfly/components/Content/content.css";
@@ -40,7 +39,7 @@ export class ModalButton extends LitElement {
     open = false;
 
     static get styles(): CSSResult[] {
-        return [PFBase, PFButton, PFModalBox, PFForm, PFTitle, PFFormControl, PFBullseye, PFBackdrop, PFPage, PFStack, PFCard, PFContent, AKGlobal, MODAL_BUTTON_STYLES];
+        return [PFBase, PFButton, PFModalBox, PFForm, PFTitle, PFFormControl, PFBullseye, PFBackdrop, PFPage, PFCard, PFContent, AKGlobal, MODAL_BUTTON_STYLES];
     }
 
     constructor() {
diff --git a/web/src/pages/users/UserActiveForm.ts b/web/src/pages/users/UserActiveForm.ts
index 04ff13c55..f1c1b5990 100644
--- a/web/src/pages/users/UserActiveForm.ts
+++ b/web/src/pages/users/UserActiveForm.ts
@@ -30,20 +30,12 @@ export class UserActiveForm extends DeleteForm {
                 </h1>
             </div>
         </section>
-        <section class="pf-c-page__main-section">
-            <div class="pf-l-stack">
-                <div class="pf-l-stack__item">
-                    <div class="pf-c-card">
-                        <div class="pf-c-card__body">
-                            <form class="pf-c-form pf-m-horizontal">
-                                <p>
-                                    ${t`Are you sure you want to update ${this.objectLabel} "${this.obj?.name}"?`}
-                                </p>
-                            </form>
-                        </div>
-                    </div>
-                </div>
-            </div>
+        <section class="pf-c-page__main-section pf-m-light">
+            <form class="pf-c-form pf-m-horizontal">
+                <p>
+                    ${t`Are you sure you want to update ${this.objectLabel} "${this.obj?.name}"?`}
+                </p>
+            </form>
         </section>
         <footer class="pf-c-modal-box__footer">
             <ak-spinner-button