From d11bc8667d926a469fed1240f0b1590295cbf583 Mon Sep 17 00:00:00 2001
From: Rene Vergara <rene@vergara.network>
Date: Wed, 1 Feb 2023 13:10:35 -0600
Subject: [PATCH] Add icons to buttons in orderlist

---
 src/app/listorders/listorders.component.css  | 4 ++++
 src/app/listorders/listorders.component.html | 8 +++++++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/app/listorders/listorders.component.css b/src/app/listorders/listorders.component.css
index ba1ccc9..2f70772 100644
--- a/src/app/listorders/listorders.component.css
+++ b/src/app/listorders/listorders.component.css
@@ -11,6 +11,10 @@
 	background: lightgray;
 }
 
+.icon{
+	font-family: 'Material Icons';
+}
+
 .orderheader {
 	background-color: lightgrey !important;
 }
diff --git a/src/app/listorders/listorders.component.html b/src/app/listorders/listorders.component.html
index 21c193f..73a841a 100644
--- a/src/app/listorders/listorders.component.html
+++ b/src/app/listorders/listorders.component.html
@@ -1,11 +1,16 @@
 <app-header></app-header>
 <div align="center">
 	<h3 class="text">{{(ownerUpdate | async)!.name}}</h3>
-	<p class="text">Session valid until: {{(ownerUpdate | async)!.expiration | date}}</p>
+	<p class="text">Session valid until: {{(ownerUpdate | async)!.expiration | date}}
+		<button mat-icon-button color="primary">
+			<mat-icon class="icon">queue</mat-icon>
+		</button>
+	</p>
 	<table >
 		<tr>
 			<td width="45%">
 				<button class="text" mat-raised-button [routerLink]="['/shop']" color="primary">
+					<mat-icon class="icon">home</mat-icon>
 					Back to Shop
 				</button>
 		  </td>
@@ -14,6 +19,7 @@
 		  <td width="45%">
 			  <button mat-raised-button color="primary"
 										class="text" (click)="openDbExport()">
+				  <mat-icon class="icon">get_app</mat-icon>
 				  Export Orders
 			  </button>
 			</td>