From 41a1f2c4c0463e075ded559b475a7f0ce13f3ef3 Mon Sep 17 00:00:00 2001
From: Derek Yeh <djyeh@uci.edu>
Date: Tue, 18 Aug 2020 22:57:35 -0700
Subject: [PATCH] add close button

---
 .../forms/planet-tag-input-dialog.component.html    | 13 +++++++++----
 .../forms/planet-tag-input-dialog.component.ts      |  4 ++++
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/app/shared/forms/planet-tag-input-dialog.component.html b/src/app/shared/forms/planet-tag-input-dialog.component.html
index 433927e7f7..4ae696bc53 100644
--- a/src/app/shared/forms/planet-tag-input-dialog.component.html
+++ b/src/app/shared/forms/planet-tag-input-dialog.component.html
@@ -1,7 +1,12 @@
-<ng-container [ngSwitch]="mode">
-  <span mat-dialog-title i18n *ngSwitchCase="'filter'">Collections</span>
-  <span mat-dialog-title i18n *ngSwitchCase="'add'">Change Collections</span>
-</ng-container>
+<div id="header">
+  <ng-container [ngSwitch]="mode">
+    <span mat-dialog-title i18n *ngSwitchCase="'filter'">Collections</span>
+    <span mat-dialog-title i18n *ngSwitchCase="'add'">Change Collections</span>
+  </ng-container>
+  <button mat-icon-button mat-dialog-close>
+    <mat-icon>close</mat-icon>
+  </button>
+</div>
 <mat-dialog-content>
   <mat-form-field class="full-width">
     <input matInput i18n-placeholder placeholder="Filter by Collection Name" [ngModel]="filterValue" (ngModelChange)="updateFilter($event)">
diff --git a/src/app/shared/forms/planet-tag-input-dialog.component.ts b/src/app/shared/forms/planet-tag-input-dialog.component.ts
index c8eb547176..79d20f546f 100644
--- a/src/app/shared/forms/planet-tag-input-dialog.component.ts
+++ b/src/app/shared/forms/planet-tag-input-dialog.component.ts
@@ -26,6 +26,10 @@ import { DialogsPromptComponent } from '../../shared/dialogs/dialogs-prompt.comp
     :host mat-dialog-actions {
       padding: 0;
     }
+    :host #header {
+      display: flex;
+      justify-content: space-between;
+    }
   ` ]
 })
 export class PlanetTagInputDialogComponent {