From 5e85cea01b004a85a429aacdbfa1c39124e1b890 Mon Sep 17 00:00:00 2001
From: Vincent Salucci <26154748+vincentsalucci@users.noreply.github.com>
Date: Wed, 13 Apr 2022 07:00:44 -0500
Subject: [PATCH] [euvr] Adjust Vault width based on card visibility (#1588)

---
 src/app/vault/vault.component.html | 2 +-
 src/app/vault/vault.component.ts   | 9 +++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/app/vault/vault.component.html b/src/app/vault/vault.component.html
index 215a626a..c4e7a84c 100644
--- a/src/app/vault/vault.component.html
+++ b/src/app/vault/vault.component.html
@@ -14,7 +14,7 @@
       >
       </app-vault-groupings>
     </div>
-    <div class="col-6">
+    <div [ngClass]="{ 'col-6': isShowingCards, 'col-9': !isShowingCards }">
       <div class="page-header d-flex">
         <h1>
           {{ "vaultItems" | i18n }}
diff --git a/src/app/vault/vault.component.ts b/src/app/vault/vault.component.ts
index bc3af9ba..ba44db85 100644
--- a/src/app/vault/vault.component.ts
+++ b/src/app/vault/vault.component.ts
@@ -146,6 +146,15 @@ export class VaultComponent implements OnInit, OnDestroy {
     });
   }
 
+  get isShowingCards() {
+    return (
+      this.showBrowserOutdated ||
+      this.showPremiumCallout ||
+      this.showUpdateKey ||
+      this.showVerifyEmail
+    );
+  }
+
   ngOnDestroy() {
     this.broadcasterService.unsubscribe(BroadcasterSubscriptionId);
   }