From 1c2ad79bf8a3395c0079d899cd7b7ce9fe7dd1a9 Mon Sep 17 00:00:00 2001
From: Lizzy Thomson <lizzythomson17@gmail.com>
Date: Tue, 11 Apr 2023 10:54:48 -0600
Subject: [PATCH] web/satellite: fix banner container CSS issue

Hides empty banner container when there are no banners being displayed

Change-Id: Ib64912e80ff1d8073ecfeb772939a0bce781d684
---
 web/satellite/src/views/DashboardArea.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/web/satellite/src/views/DashboardArea.vue b/web/satellite/src/views/DashboardArea.vue
index a13ddccb9..871f8609a 100644
--- a/web/satellite/src/views/DashboardArea.vue
+++ b/web/satellite/src/views/DashboardArea.vue
@@ -15,7 +15,7 @@
                     <div ref="dashboardContent" class="dashboard__wrap__main-area__content-wrap__container">
                         <BetaSatBar v-if="isBetaSatellite" />
                         <MFARecoveryCodeBar v-if="showMFARecoveryCodeBar" :open-generate-modal="generateNewMFARecoveryCodes" />
-                        <div class="dashboard__wrap__main-area__content-wrap__container__content">
+                        <div class="banner-container dashboard__wrap__main-area__content-wrap__container__content">
                             <UpgradeNotification
                                 v-if="isPaidTierBannerShown"
                                 :open-add-p-m-modal="togglePMModal"
@@ -676,6 +676,10 @@ onBeforeUnmount(() => {
         margin-top: 1rem;
     }
 
+    .banner-container:empty {
+        display: none;
+    }
+
     .dashboard {
         height: 100%;
         background-color: #f5f6fa;