styled clear button in search input

particl · Jan 9, 2018 · f6e13c4 · f6e13c4
1 parent 0b2e396
commit f6e13c4
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/app/wallet/wallet/address-book/address-book.component.html b/src/app/wallet/wallet/address-book/address-book.component.html
@@ -12,7 +12,7 @@
                placeholder="Search Addresses">
 
         <mat-icon *ngIf="query" (click)="query=''" matTooltip="Clear" fontSet="partIcon"
-                  fontIcon="part-circle-remove"></mat-icon>
+                  fontIcon="part-cross"></mat-icon>
 
         <mat-icon *ngIf="!query" fontSet="partIcon" fontIcon="part-search" fxHide.lt-md matTooltip="Search For Address"
                   matTooltipPosition="before"></mat-icon>

diff --git a/src/app/wallet/wallet/address-book/address-book.component.scss b/src/app/wallet/wallet/address-book/address-book.component.scss
@@ -28,5 +28,8 @@ app-header {
     top: 4px;
     right: 18px;
     font-size: 14px;
+    &.part-cross {
+      color: $color-alert;
+    }
   }
 }