From bf4c5b31e052db2345ac07e6fe2c7a8a258c52b1 Mon Sep 17 00:00:00 2001
From: "Khan, Sami" <Sami.Khan@tylertech.com>
Date: Sat, 30 Jan 2021 17:22:40 -0600
Subject: [PATCH] fix: tag remove icon

---
 ui/src/app/config/config-site/config-site.component.html | 2 +-
 ui/src/app/config/config-site/config-site.component.scss | 9 +++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/ui/src/app/config/config-site/config-site.component.html b/ui/src/app/config/config-site/config-site.component.html
index 11fd347..c6c5abc 100644
--- a/ui/src/app/config/config-site/config-site.component.html
+++ b/ui/src/app/config/config-site/config-site.component.html
@@ -18,7 +18,7 @@
   <mat-chip-list #tagList>
     <mat-chip *ngFor="let tag of site.tags; let idx = index" [removable]="true" (removed)="removeTag(tag)">
       {{tag.value}}
-      <mat-icon matChipRemove>cancel</mat-icon>
+      <mat-icon matChipRemove><span class="iconify icon chip-remove" data-icon="mdi-close-circle" matChipRemove (click)="removeTag(tag)"></span></mat-icon>
     </mat-chip>
     <input matInput placeholder="Tags" [matChipInputFor]="tagList" (matChipInputTokenEnd)="addTag($event)" />
   </mat-chip-list>
diff --git a/ui/src/app/config/config-site/config-site.component.scss b/ui/src/app/config/config-site/config-site.component.scss
index dcd5944..5819b15 100644
--- a/ui/src/app/config/config-site/config-site.component.scss
+++ b/ui/src/app/config/config-site/config-site.component.scss
@@ -17,4 +17,13 @@
 
 .card-input > * {
     width: 100%;
+}
+
+
+.mat-chip-remove.chip-remove {
+    margin-left: 0;
+}
+
+.mat-standard-chip .mat-chip-remove.mat-icon {
+    opacity: 1.0;
 }
\ No newline at end of file