pdb-js/src/app/dashboard-page/dashboard/add-plot-dialog/add-plot-dialog.component.html

@@ -20,5 +20,5 @@
 
 <div mat-dialog-actions align="end">
   <button mat-button mat-dialog-close>Cancel</button>
-  <button mat-button mat-dialog-close (click)="onSaveClick()">Save</button>
+  <button class="save-button" mat-button mat-dialog-close (click)="onSaveClick()">Save</button>
 </div>

pdb-js/src/app/dashboard-page/dashboard/add-text-dialog/add-text-dialog.component.html

@@ -7,5 +7,5 @@
 </div>
 <div mat-dialog-actions align="end">
   <button mat-button mat-dialog-close>Cancel</button>
-  <button mat-button mat-dialog-close (click)="onSaveClick()">Save</button>
+  <button class="save-button" mat-button mat-dialog-close (click)="onSaveClick()">Save</button>
 </div>

pdb-js/src/app/dashboard-page/dashboard/dashboard.component.html

@@ -39,7 +39,7 @@
   <div class="toolbar">
     <button mat-button  (click)="addText()">Add Text</button>
     <button mat-button (click)="addPlot()">Add Plot</button>
-    <button mat-button (click)="save()">Save Dashboard</button>
+    <button class="save-button" mat-button (click)="save()">Save Dashboard</button>
   </div>
   <h1>{{dashboard.name}}</h1>
   <p>{{dashboard.description}}</p>

pdb-js/src/app/dashboard-page/new-dashboard/new-dashboard.component.html

@@ -11,5 +11,5 @@
 </div>
 <div mat-dialog-actions align="end">
   <button mat-button mat-dialog-close>Cancel</button>
-  <button mat-button mat-dialog-close (click)="onSaveClick()" cdkFocusInitial>Save</button>
+  <button class="save-button" mat-button mat-dialog-close (click)="onSaveClick()" cdkFocusInitial>Save</button>
 </div>

pdb-js/src/styles.scss

@@ -107,6 +107,10 @@ button[disabled] .icon-inline {
   opacity: 0.5;
 }
 
+button.save-button {
+  background-color: #ff9900;
+}
+
 .icon-small {
   width: 1.5em;
   height: 1.5em;