From 3c0f9c11224a0d384ba4f9860176b872d9277dc0 Mon Sep 17 00:00:00 2001
From: Chris Veilleux <veilleux.chris@gmail.com>
Date: Wed, 23 Jan 2019 20:10:25 -0600
Subject: [PATCH] updated to use new stylesheets

---
 projects/account/src/app/device/remove/remove.component.html | 4 ++--
 projects/account/src/app/device/remove/remove.component.scss | 5 +++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/projects/account/src/app/device/remove/remove.component.html b/projects/account/src/app/device/remove/remove.component.html
index 8bdcca8..8f7cf31 100644
--- a/projects/account/src/app/device/remove/remove.component.html
+++ b/projects/account/src/app/device/remove/remove.component.html
@@ -7,6 +7,6 @@
 </div>
 
 <div mat-dialog-actions align="end">
-    <button mat-button (click)="onCancelClick()">CANCEL</button>
-    <button mat-button [mat-dialog-close]="true" class="danger-button">REMOVE</button>
+    <button id="device-remove-cancel-button" mat-button (click)="onCancelClick()">CANCEL</button>
+    <button id="device-remove-button" mat-button [mat-dialog-close]="true">REMOVE</button>
 </div>
diff --git a/projects/account/src/app/device/remove/remove.component.scss b/projects/account/src/app/device/remove/remove.component.scss
index a2b052e..4fbeabc 100644
--- a/projects/account/src/app/device/remove/remove.component.scss
+++ b/projects/account/src/app/device/remove/remove.component.scss
@@ -1,5 +1,10 @@
+@import '~src/stylesheets/components/buttons';
+
 .mat-body{
     margin-bottom: 16px;
     width: 250px;
 }
 
+#device-remove-button {
+    @include action-button-warn;
+}