Item delete dialog updated to new look&feel

src/app/items/item-delete/item-delete.component.css

@@ -1,3 +1,13 @@
 .text {
 	font-family: 'Spartan', sans-serif;
 }
+
+.itemDataTitle {
+	font-family: 'Spartan', sans-serif;
+	background: #ff5722;
+	color: white;
+	font-size: 26px;
+	text-align: center;
+	padding: 5px;
+}
+

src/app/items/item-delete/item-delete.component.html

@@ -1,10 +1,20 @@
-<h2 mat-dialog-title class="text">Delete item</h2>
+<div  class='itemDataTitle'>Delete Item</div>
 
-<mat-dialog-content>
+<div class='container' style="margin-top: 20px;">
-	<p class="text">Are you sure you want to delete "{{item.name}}"?</p>
+	<mat-dialog-content >
-</mat-dialog-content>
 
-<mat-dialog-actions>
+		<span style="line-height: 10px;"></span>
-	<button mat-raised-button (click)="close()" class="text">Cancel</button>
+
-	<button mat-raised-button color="primary" class="text" (click)="save()">Delete</button>
+		<mat-dialog-content>
-</mat-dialog-actions>
+			<p class="text">Are you sure you want to delete "{{item.name}}"?</p>
+		</mat-dialog-content>
+
+	</mat-dialog-content>
+
+	<div style="display: flex;
+				justify-content: space-between;">
+		<button mat-raised-button class="text" (click)="close()">Close</button>
+		<button mat-raised-button class="text" color="primary" (click)="save()">Delete</button>
+	</div>	
+		
+</div>

src/app/items/item-list/item-list.component.ts

@@ -158,6 +158,9 @@ export class ItemListComponent implements OnInit{
 //				console.log('Deleting', val);
 				this.itemService.deleteItem(val);
 				this.items = [];
+				this.notifierService
+				    .showNotification("Item deleted!!",
+			    	              "Close","success");
 			}
 			this.itemService.getItems(this.owner.address);
 			this.itemsUpdate.subscribe((items) => {