From f1b143606e02d74eb7730903624facbd04e24185 Mon Sep 17 00:00:00 2001
From: Jens Langhammer <jens.langhammer@beryju.org>
Date: Thu, 20 Oct 2022 10:20:32 +0200
Subject: [PATCH] web/admin: fix scrolling in remaning modals

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
---
 web/src/admin/groups/MemberSelectModal.ts  | 4 +---
 web/src/admin/users/GroupSelectModal.ts    | 4 +---
 web/src/admin/users/UserActiveForm.ts      | 2 +-
 web/src/elements/forms/ConfirmationForm.ts | 2 +-
 web/src/elements/forms/DeleteBulkForm.ts   | 4 ++--
 web/src/elements/forms/DeleteForm.ts       | 6 ++----
 6 files changed, 8 insertions(+), 14 deletions(-)

diff --git a/web/src/admin/groups/MemberSelectModal.ts b/web/src/admin/groups/MemberSelectModal.ts
index 5995055346..0368e22411 100644
--- a/web/src/admin/groups/MemberSelectModal.ts
+++ b/web/src/admin/groups/MemberSelectModal.ts
@@ -68,9 +68,7 @@ export class MemberSelectTable extends TableModal<User> {
                     <h1 class="pf-c-title pf-m-2xl">${t`Select users to add`}</h1>
                 </div>
             </section>
-            <section class="pf-c-modal-box__body pf-c-page__main-section pf-m-light">
-                ${this.renderTable()}
-            </section>
+            <section class="pf-c-modal-box__body pf-m-light">${this.renderTable()}</section>
             <footer class="pf-c-modal-box__footer">
                 <ak-spinner-button
                     .callAction=${() => {
diff --git a/web/src/admin/users/GroupSelectModal.ts b/web/src/admin/users/GroupSelectModal.ts
index bbd1b23d34..8615d6921b 100644
--- a/web/src/admin/users/GroupSelectModal.ts
+++ b/web/src/admin/users/GroupSelectModal.ts
@@ -66,9 +66,7 @@ export class GroupSelectModal extends TableModal<Group> {
                     <h1 class="pf-c-title pf-m-2xl">${t`Select groups to add user to`}</h1>
                 </div>
             </section>
-            <section class="pf-c-modal-box__body pf-c-page__main-section pf-m-light">
-                ${this.renderTable()}
-            </section>
+            <section class="pf-c-modal-box__body pf-m-light">${this.renderTable()}</section>
             <footer class="pf-c-modal-box__footer">
                 <ak-spinner-button
                     .callAction=${() => {
diff --git a/web/src/admin/users/UserActiveForm.ts b/web/src/admin/users/UserActiveForm.ts
index d40bb73333..9586f04520 100644
--- a/web/src/admin/users/UserActiveForm.ts
+++ b/web/src/admin/users/UserActiveForm.ts
@@ -30,7 +30,7 @@ export class UserActiveForm extends DeleteForm {
                     <h1 class="pf-c-title pf-m-2xl">${t`Update ${this.objectLabel}`}</h1>
                 </div>
             </section>
-            <section class="pf-c-modal-box__body pf-c-page__main-section pf-m-light">
+            <section class="pf-c-modal-box__body 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}"?`}
diff --git a/web/src/elements/forms/ConfirmationForm.ts b/web/src/elements/forms/ConfirmationForm.ts
index ee35097e25..4434ddec4c 100644
--- a/web/src/elements/forms/ConfirmationForm.ts
+++ b/web/src/elements/forms/ConfirmationForm.ts
@@ -62,7 +62,7 @@ export class ConfirmationForm extends ModalButton {
                     </h1>
                 </div>
             </section>
-            <section class="pf-c-modal-box__body pf-c-page__main-section pf-m-light">
+            <section class="pf-c-modal-box__body pf-m-light">
                 <form class="pf-c-form pf-m-horizontal">
                     <slot class="pf-c-content" name="body"></slot>
                 </form>
diff --git a/web/src/elements/forms/DeleteBulkForm.ts b/web/src/elements/forms/DeleteBulkForm.ts
index 6544317128..39ec03305d 100644
--- a/web/src/elements/forms/DeleteBulkForm.ts
+++ b/web/src/elements/forms/DeleteBulkForm.ts
@@ -186,7 +186,7 @@ export class DeleteBulkForm extends ModalButton {
                     <h1 class="pf-c-title pf-m-2xl">${t`Delete ${this.objectLabel}`}</h1>
                 </div>
             </section>
-            <section class="pf-c-modal-box__body pf-c-page__main-section pf-m-light">
+            <section class="pf-c-modal-box__body pf-m-light">
                 <form class="pf-c-form pf-m-horizontal">
                     <p class="pf-c-title">
                         ${t`Are you sure you want to delete ${this.objects.length} ${this.objectLabel}?`}
@@ -194,7 +194,7 @@ export class DeleteBulkForm extends ModalButton {
                     <slot name="notice"></slot>
                 </form>
             </section>
-            <section class="pf-c-modal-box__body pf-c-page__main-section pf-m-light">
+            <section class="pf-c-modal-box__body pf-m-light">
                 <ak-delete-objects-table
                     .objects=${this.objects}
                     .usedBy=${this.usedBy}
diff --git a/web/src/elements/forms/DeleteForm.ts b/web/src/elements/forms/DeleteForm.ts
index f7bb7db1ec..eaaf505aec 100644
--- a/web/src/elements/forms/DeleteForm.ts
+++ b/web/src/elements/forms/DeleteForm.ts
@@ -76,7 +76,7 @@ export class DeleteForm extends ModalButton {
                     <h1 class="pf-c-title pf-m-2xl">${t`Delete ${this.objectLabel}`}</h1>
                 </div>
             </section>
-            <section class="pf-c-modal-box__body pf-c-page__main-section pf-m-light">
+            <section class="pf-c-modal-box__body pf-m-light">
                 <form class="pf-c-form pf-m-horizontal">
                     <p>${t`Are you sure you want to delete ${this.objectLabel} ${objName} ?`}</p>
                 </form>
@@ -88,9 +88,7 @@ export class DeleteForm extends ModalButton {
                               return html``;
                           }
                           return html`
-                              <section
-                                  class="pf-c-modal-box__body pf-c-page__main-section pf-m-light"
-                              >
+                              <section class="pf-c-modal-box__body pf-m-light">
                                   <form class="pf-c-form pf-m-horizontal">
                                       <p>${t`The following objects use ${objName} `}</p>
                                       <ul class="pf-c-list">