From fe95a60f4644d0692410e1dacee5360b9f1f7665 Mon Sep 17 00:00:00 2001
From: Rene Vergara A <rvergara59@protonmail.com>
Date: Fri, 26 Aug 2022 20:00:18 -0500
Subject: [PATCH] Listorder component updated to show order's date in ANSI
 international format

---
 CHANGELOG.md                                 |  1 +
 src/app/listorders/listorders.component.css  |  2 +-
 src/app/listorders/listorders.component.html | 15 +++++++++------
 3 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 197d89b..ecfa6f1 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -11,6 +11,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ### Changed
 
+- Listorders component updated to show date in ANSI international format.
 - Settings component updated to use owner's invoices field to control 
   integrations tab (Pro version)
 - Orders list updated to show payment confirmation only when service is
diff --git a/src/app/listorders/listorders.component.css b/src/app/listorders/listorders.component.css
index 5495dd0..fbca950 100644
--- a/src/app/listorders/listorders.component.css
+++ b/src/app/listorders/listorders.component.css
@@ -98,7 +98,7 @@ img.icon{
 
 .orderListTitle {
 	font-family: 'Roboto Mono';
-	font-size: 16px;
+	font-size: 15px;
 	font-weight: 600;
 }
 
diff --git a/src/app/listorders/listorders.component.html b/src/app/listorders/listorders.component.html
index c4bc544..6d344ff 100644
--- a/src/app/listorders/listorders.component.html
+++ b/src/app/listorders/listorders.component.html
@@ -33,23 +33,26 @@
 	<mat-expansion-panel *ngFor = "let order of orders">
 		<mat-expansion-panel-header [collapsedHeight]="'30px'" [expandedHeight]="'30px'" >
 		   <mat-panel-title>
-			<div class="orderListTitle">
+			 <div class="orderListTitle">
   		        <img src="/assets/zec_rv.png" 
 			       style="height: 16px;
 			              margin-bottom: -2px;"
 			    >{{order.totalZec | number: '1.08'}}
-			</div>
+			 </div>
 		   </mat-panel-title>
 		   <mat-panel-description>
 		   	 <table width="100%">
 		   	   <tr>	
-		   	   	<td>
+		   	   <td>
 				   <fa-icon  *ngIf="payConf" 
 				   					 [icon]="getIcon(order)" [style]="getIconStyle(order)" ></fa-icon>
 			     </td>
-			     <td align="center">
-  			    		{{order.timestamp | date: 'MM/dd/YY, hh:mm a'}}
-  			    	</td>
+			     <td align="center"
+			         style="font-family: 'Roboto Mono' !important;
+			                font-weight: 700 ;
+			                font-size: 15px;">
+  			    		{{order.timestamp | date: 'YYYY-MM-dd, HH:mm'}}
+  			   </td>
 			   </tr>
 			 </table>
 		    </mat-panel-description>