From 8e7a57109753768ad44f9a89c02649cd80effc44 Mon Sep 17 00:00:00 2001
From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Sat, 5 Oct 2024 10:32:58 -0700
Subject: [PATCH] because icons are pretty

---
 src-ui/src/app/app.module.ts                              | 2 ++
 src-ui/src/app/components/manage/mail/mail.component.html | 8 ++++----
 src-ui/src/styles.scss                                    | 5 +++++
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/src-ui/src/app/app.module.ts b/src-ui/src/app/app.module.ts
index 3f707ccdf..06acf7c07 100644
--- a/src-ui/src/app/app.module.ts
+++ b/src-ui/src/app/app.module.ts
@@ -175,6 +175,7 @@ import {
   download,
   envelope,
   envelopeAt,
+  envelopeAtFill,
   exclamationCircleFill,
   exclamationTriangle,
   exclamationTriangleFill,
@@ -281,6 +282,7 @@ const icons = {
   download,
   envelope,
   envelopeAt,
+  envelopeAtFill,
   exclamationCircleFill,
   exclamationTriangle,
   exclamationTriangleFill,
diff --git a/src-ui/src/app/components/manage/mail/mail.component.html b/src-ui/src/app/components/manage/mail/mail.component.html
index 798aa8718..cfc53acc3 100644
--- a/src-ui/src/app/components/manage/mail/mail.component.html
+++ b/src-ui/src/app/components/manage/mail/mail.component.html
@@ -40,10 +40,10 @@
           <div class="col d-flex align-items-center">
             <button class="btn btn-link p-0 text-start" type="button" (click)="editMailAccount(account)" [disabled]="!permissionsService.currentUserCan(PermissionAction.Change, PermissionType.MailAccount)">
               {{account.name}}
-              @if (account.account_type === MailAccountType.Gmail) {
-                <i-bs name="google" class="ms-2"></i-bs>
-              } @else if (account.account_type === MailAccountType.Outlook) {
-                <i-bs name="microsoft" class="ms-2"></i-bs>
+              @switch (account.account_type) {
+                @case (MailAccountType.IMAP) { <i-bs name="envelope-at-fill" class="ms-2"></i-bs> }
+                @case (MailAccountType.Gmail) { <i-bs name="google" class="ms-2"></i-bs> }
+                @case (MailAccountType.Outlook) { <i-bs name="microsoft" class="ms-2"></i-bs> }
               }
             </button>
           </div>
diff --git a/src-ui/src/styles.scss b/src-ui/src/styles.scss
index ef856fbc7..6c09a787e 100644
--- a/src-ui/src/styles.scss
+++ b/src-ui/src/styles.scss
@@ -694,3 +694,8 @@ canvas.hiddenCanvasElement {
   height: 0;
   width: 0;
 }
+
+// bs icons
+i-bs svg {
+  vertical-align: text-bottom;
+}