From 594a6f1dafe5352fbb6e971a2bd215a2d97bc501 Mon Sep 17 00:00:00 2001
From: Shane Melton <smelton@bitwarden.com>
Date: Wed, 22 May 2024 09:27:05 -0700
Subject: [PATCH] [PM-6825] Fix app icon styling in Browser (#9311)

* [PM-6825] Add style override for app icon in the extension to match desktop

* [PM-6825] Add Ids to favorites and allItems list containers for easier testing automations
---
 apps/browser/src/popup/scss/misc.scss                 | 11 +++++++++++
 .../popup/components/vault/vault-v2.component.html    |  2 ++
 2 files changed, 13 insertions(+)

diff --git a/apps/browser/src/popup/scss/misc.scss b/apps/browser/src/popup/scss/misc.scss
index 61f22be9ef0..134bac917d3 100644
--- a/apps/browser/src/popup/scss/misc.scss
+++ b/apps/browser/src/popup/scss/misc.scss
@@ -458,3 +458,14 @@ html.force_redraw {
 .rounded-circle {
   border-radius: 50% !important;
 }
+
+/* override for vault icon in browser (pre extension refresh) */
+app-vault-icon:not(app-vault-list-items-container app-vault-icon) > div {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  float: left;
+  height: 36px;
+  width: 34px;
+  margin-left: -5px;
+}
diff --git a/apps/browser/src/vault/popup/components/vault/vault-v2.component.html b/apps/browser/src/vault/popup/components/vault/vault-v2.component.html
index a9814f892ec..df2b2c1a13e 100644
--- a/apps/browser/src/vault/popup/components/vault/vault-v2.component.html
+++ b/apps/browser/src/vault/popup/components/vault/vault-v2.component.html
@@ -39,10 +39,12 @@
       <app-vault-list-items-container
         [title]="'favorites' | i18n"
         [ciphers]="favoriteCiphers$ | async"
+        id="favorites"
       ></app-vault-list-items-container>
       <app-vault-list-items-container
         [title]="'allItems' | i18n"
         [ciphers]="remainingCiphers$ | async"
+        id="allItems"
       ></app-vault-list-items-container>
     </ng-container>
   </ng-container>