From 813c13ce45774533090108b82efb4b4ffebb29bb Mon Sep 17 00:00:00 2001
From: Jens Langhammer <jens.langhammer@beryju.org>
Date: Fri, 26 Nov 2021 20:48:06 +0100
Subject: [PATCH] web/admin: fix display of banners on provider pages

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
---
 web/src/pages/providers/ProviderViewPage.ts              | 6 +-----
 web/src/pages/providers/ldap/LDAPProviderViewPage.ts     | 2 +-
 web/src/pages/providers/oauth2/OAuth2ProviderViewPage.ts | 2 +-
 web/src/pages/providers/proxy/ProxyProviderViewPage.ts   | 2 +-
 web/src/pages/providers/saml/SAMLProviderViewPage.ts     | 2 +-
 5 files changed, 5 insertions(+), 9 deletions(-)

diff --git a/web/src/pages/providers/ProviderViewPage.ts b/web/src/pages/providers/ProviderViewPage.ts
index 6161ec5be..5d332e022 100644
--- a/web/src/pages/providers/ProviderViewPage.ts
+++ b/web/src/pages/providers/ProviderViewPage.ts
@@ -70,11 +70,7 @@ export class ProviderViewPage extends LitElement {
             >
             </ak-page-header>
             <ak-tabs>
-                <section
-                    slot="page-overview"
-                    data-tab-title="${t`Overview`}"
-                    class="pf-c-page__main-section pf-m-no-padding-mobile"
-                >
+                <section slot="page-overview" data-tab-title="${t`Overview`}">
                     ${this.renderProvider()}
                 </section>
                 <section
diff --git a/web/src/pages/providers/ldap/LDAPProviderViewPage.ts b/web/src/pages/providers/ldap/LDAPProviderViewPage.ts
index d4c2cf8a9..fee884f3a 100644
--- a/web/src/pages/providers/ldap/LDAPProviderViewPage.ts
+++ b/web/src/pages/providers/ldap/LDAPProviderViewPage.ts
@@ -93,7 +93,7 @@ export class LDAPProviderViewPage extends LitElement {
                       </div>`
                     : html``
             }
-            <div class="pf-l-grid pf-m-gutter">
+            <div class="pf-c-page__main-section pf-m-no-padding-mobile pf-l-grid pf-m-gutter">
                 <div class="pf-c-card pf-l-grid__item pf-m-12-col">
                     <div class="pf-c-card__body">
                         <dl class="pf-c-description-list pf-m-3-col-on-lg">
diff --git a/web/src/pages/providers/oauth2/OAuth2ProviderViewPage.ts b/web/src/pages/providers/oauth2/OAuth2ProviderViewPage.ts
index a75a79005..7289010f2 100644
--- a/web/src/pages/providers/oauth2/OAuth2ProviderViewPage.ts
+++ b/web/src/pages/providers/oauth2/OAuth2ProviderViewPage.ts
@@ -86,7 +86,7 @@ export class OAuth2ProviderViewPage extends LitElement {
                       ${t`Warning: Provider is not used by an Application.`}
                   </div>`
         }
-            <div class="pf-l-grid pf-m-gutter">
+            <div class="pf-c-page__main-section pf-m-no-padding-mobile pf-l-grid pf-m-gutter">
                 <div class="pf-c-card pf-l-grid__item pf-m-12-col">
                             <div class="pf-c-card">
                                 <div class="pf-c-card__body">
diff --git a/web/src/pages/providers/proxy/ProxyProviderViewPage.ts b/web/src/pages/providers/proxy/ProxyProviderViewPage.ts
index 97c6ed740..0c46834ab 100644
--- a/web/src/pages/providers/proxy/ProxyProviderViewPage.ts
+++ b/web/src/pages/providers/proxy/ProxyProviderViewPage.ts
@@ -112,7 +112,7 @@ export class ProxyProviderViewPage extends LitElement {
                       ${t`Warning: Provider is not used by any Outpost.`}
                   </div>`
                 : html``}
-            <div class="pf-l-grid pf-m-gutter">
+            <div class="pf-c-page__main-section pf-m-no-padding-mobile pf-l-grid pf-m-gutter">
                 <div class="pf-c-card pf-l-grid__item pf-m-12-col">
                     <div class="pf-c-card__body">
                         <dl class="pf-c-description-list pf-m-3-col-on-lg">
diff --git a/web/src/pages/providers/saml/SAMLProviderViewPage.ts b/web/src/pages/providers/saml/SAMLProviderViewPage.ts
index 3746119b7..515b02da0 100644
--- a/web/src/pages/providers/saml/SAMLProviderViewPage.ts
+++ b/web/src/pages/providers/saml/SAMLProviderViewPage.ts
@@ -106,7 +106,7 @@ export class SAMLProviderViewPage extends LitElement {
                       ${t`Warning: Provider is not used by an Application.`}
                   </div>`
         }
-            <div class="pf-l-grid pf-m-gutter">
+            <div class="pf-c-page__main-section pf-m-no-padding-mobile pf-l-grid pf-m-gutter">
                 <div class="pf-c-card pf-l-grid__item pf-m-12-col">
                     <div class="pf-c-card__body">
                         <dl class="pf-c-description-list pf-m-3-col-on-lg">