From 22ad850e6c1f60f4c73cb21487afc263bb0ac9dc Mon Sep 17 00:00:00 2001
From: Jens Langhammer <jens.langhammer@beryju.org>
Date: Tue, 9 Feb 2021 09:57:59 +0100
Subject: [PATCH] web: fix overflow on modalbutton

---
 web/src/elements/buttons/ModalButton.ts   | 4 ++--
 web/src/pages/outposts/OutpostListPage.ts | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/src/elements/buttons/ModalButton.ts b/web/src/elements/buttons/ModalButton.ts
index 7dba309d3..e18a06eff 100644
--- a/web/src/elements/buttons/ModalButton.ts
+++ b/web/src/elements/buttons/ModalButton.ts
@@ -24,10 +24,10 @@ export class ModalButton extends LitElement {
                 :host {
                     text-align: left;
                 }
-                ::slotted(*) {
+                .pf-c-modal-box.pf-m-lg {
                     overflow-y: auto;
                 }
-                .pf-c-page__main-section {
+                .pf-c-modal-box > .pf-c-button + * {
                     margin-right: 0;
                 }
             `
diff --git a/web/src/pages/outposts/OutpostListPage.ts b/web/src/pages/outposts/OutpostListPage.ts
index 297a284ff..59dc2a3b2 100644
--- a/web/src/pages/outposts/OutpostListPage.ts
+++ b/web/src/pages/outposts/OutpostListPage.ts
@@ -57,13 +57,13 @@ export class OutpostListPage extends TablePage<Outpost> {
                     ${gettext("Edit")}
                 </ak-spinner-button>
                 <div slot="modal"></div>
-            </ak-modal-button>
+            </ak-modal-button>&nbsp;
             <ak-modal-button href="${Outpost.adminUrl(`${item.pk}/delete`)}">
                 <ak-spinner-button slot="trigger" class="pf-m-danger">
                     ${gettext("Delete")}
                 </ak-spinner-button>
                 <div slot="modal"></div>
-            </ak-modal-button>
+            </ak-modal-button>&nbsp;
             <ak-modal-button>
                 <button slot="trigger" class="pf-c-button pf-m-tertiary">
                     ${gettext("View Deployment Info")}