[euvr] Adjust Vault width based on card visibility (#1588)

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 }}

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);
   }