From 1dddcb74ff4532cead4e8069884f6e6ae468cf5a Mon Sep 17 00:00:00 2001
From: Rene Vergara A <rvergara59@protonmail.com>
Date: Mon, 27 Feb 2023 22:39:06 -0500
Subject: [PATCH] UI language management: Fix session end date format in
 listorders component

---
 src/app/language.service.ts                  |  6 ++++--
 src/app/listorders/listorders.component.css  | 14 ++++++++++++++
 src/app/listorders/listorders.component.html | 20 ++++++++++++++------
 src/app/notifier/notifier.component.css      |  2 +-
 4 files changed, 33 insertions(+), 9 deletions(-)

diff --git a/src/app/language.service.ts b/src/app/language.service.ts
index 0739991..7497db1 100644
--- a/src/app/language.service.ts
+++ b/src/app/language.service.ts
@@ -47,7 +47,9 @@ export class LanguageService {
     //
     return this.http.get<LanguageData>(this.baseURL + 
                         '/?lang=' + this.zgoLanguage +
-                        '&component=' + viewName,
-                        { headers : reqHeaders });
+                        '&component=' + viewName
+                        ,
+                        { headers : reqHeaders }
+                        );
   }  
 }
diff --git a/src/app/listorders/listorders.component.css b/src/app/listorders/listorders.component.css
index 2f70772..163e8f5 100644
--- a/src/app/listorders/listorders.component.css
+++ b/src/app/listorders/listorders.component.css
@@ -2,6 +2,20 @@
 	font-family: 'Spartan', sans-serif;
 }
 
+.text1{
+	font-family: 'Spartan', sans-serif;
+	font-size: 24px;
+	font-weight: 700;
+	padding-top: 15px;
+}
+
+.text1a{
+	font-family: 'Spartan', sans-serif;
+	font-size: 16px;
+	font-weight: 600;
+	padding-top: 10px;
+}
+
 .text2 {
 	font-family: 'Roboto Mono';
 	font-size: 14px;
diff --git a/src/app/listorders/listorders.component.html b/src/app/listorders/listorders.component.html
index 6f9cf4a..a267f68 100644
--- a/src/app/listorders/listorders.component.html
+++ b/src/app/listorders/listorders.component.html
@@ -1,11 +1,19 @@
 <app-header></app-header>
 <div align="center">
-	<h3 class="text">{{(ownerUpdate | async)!.name}}</h3>
-	<p class="text">{{ vE.listordersEndDate }}{{(ownerUpdate | async)!.expiration | date}}
-		<button mat-icon-button color="primary">
-			<mat-icon class="icon">queue</mat-icon>
-		</button>
-	</p>
+	<div class="text1">{{(ownerUpdate | async)!.name}}</div>
+	<table style="padding-top: 10px;
+								padding-bottom: 10px;">
+		<tr class="text1a">
+			<td>
+			{{ vE.listordersEndDate }}{{(ownerUpdate | async)!.expiration | date: 'YYYY-MM-dd'}}
+			</td>
+			<td>
+				<button mat-icon-button color="primary">
+					<mat-icon class="icon">queue</mat-icon>
+				</button>
+			</td>
+    </tr>
+  </table>
 	<table >
 		<tr>
 			<td width="45%">
diff --git a/src/app/notifier/notifier.component.css b/src/app/notifier/notifier.component.css
index 907e45a..dbdb65b 100644
--- a/src/app/notifier/notifier.component.css
+++ b/src/app/notifier/notifier.component.css
@@ -18,7 +18,7 @@
 	font-size: 16px;
 	font-weight: 700;
 	color: black;
-	height: 30px;
+	height: 60px;
 	margin-bottom: 20 !important;
 }