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

---
 .../src/app/device/attribute/attr-edit.component.html    | 4 ++--
 .../src/app/device/attribute/attr-edit.component.scss    | 9 +++++++++
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/frontend/internet/projects/account/src/app/device/attribute/attr-edit.component.html b/frontend/internet/projects/account/src/app/device/attribute/attr-edit.component.html
index 3b543188..1cad605e 100644
--- a/frontend/internet/projects/account/src/app/device/attribute/attr-edit.component.html
+++ b/frontend/internet/projects/account/src/app/device/attribute/attr-edit.component.html
@@ -18,7 +18,7 @@
                     </mat-form-field>
                 </mat-radio-button>
                 <button mat-icon-button [disableRipple]="true">
-                    <fa-icon class="danger-icon" [icon]="deleteIcon"></fa-icon>
+                    <fa-icon [icon]="deleteIcon"></fa-icon>
                 </button>
             </div>
 
@@ -35,5 +35,5 @@
 
 <div mat-dialog-actions align="end">
     <button mat-button (click)="onCancelClick()">CANCEL</button>
-    <button mat-button [mat-dialog-close]="dialogData" class="action-button">SAVE</button>
+    <button mat-button class="attribute-save-button" [mat-dialog-close]="dialogData">SAVE</button>
 </div>
diff --git a/frontend/internet/projects/account/src/app/device/attribute/attr-edit.component.scss b/frontend/internet/projects/account/src/app/device/attribute/attr-edit.component.scss
index 75b39427..38ddd4ba 100644
--- a/frontend/internet/projects/account/src/app/device/attribute/attr-edit.component.scss
+++ b/frontend/internet/projects/account/src/app/device/attribute/attr-edit.component.scss
@@ -1,3 +1,7 @@
+@import '~@angular/material/theming';
+@import '~src/stylesheets/mycroft-colors';
+@import '~src/stylesheets/components/buttons';
+
 .predefined-group {
     margin-bottom: 12px;
     margin-top: 12px;
@@ -9,5 +13,10 @@
 }
 
 fa-icon {
+    color: mat-color($mycroft-warn);
     margin-left: 16px;
 }
+
+.attribute-save-button {
+    @include action-button-primary;
+}