From 31aa39335afea4862e9fa1f8d4a01530d1dd9eb1 Mon Sep 17 00:00:00 2001
From: Rene Vergara A <rvergara59@protonmail.com>
Date: Wed, 13 Jul 2022 06:58:42 -0500
Subject: [PATCH] Commit before angular update

---
 .../items/item-list/item-list.component.css   |   8 +-
 .../items/item-list/item-list.component.html  |  34 ++++--
 src/app/listorders/listorders.component.html  |   2 +-
 src/app/order/order.component.css             |   3 +-
 src/app/order/order.component.html            | 102 ++++++++++++------
 5 files changed, 102 insertions(+), 47 deletions(-)

diff --git a/src/app/items/item-list/item-list.component.css b/src/app/items/item-list/item-list.component.css
index 7aa4f8f..77b855e 100644
--- a/src/app/items/item-list/item-list.component.css
+++ b/src/app/items/item-list/item-list.component.css
@@ -25,6 +25,12 @@ div.card{
 }
 
 p.price{
-	font-family: 'Roboto-Mono', monospace;
+	font-family: 'Roboto Mono', monospace;
 	margin: 0px;
 }
+
+.rv_price {
+	font-family:  Roboto Mono;
+	font-size:  16px;
+	text-align: right;
+}
diff --git a/src/app/items/item-list/item-list.component.html b/src/app/items/item-list/item-list.component.html
index cb1cd22..fcc3f11 100644
--- a/src/app/items/item-list/item-list.component.html
+++ b/src/app/items/item-list/item-list.component.html
@@ -1,19 +1,35 @@
 <div *ngIf="items.length > 0">
 	<div class="card" *ngFor="let item of itemsUpdate | async">
 		<mat-card>
-				<table cellspacing="0" width="100%" class="text">
+				<table cellspacing="0" width="100%" >
 					<tr>
-						<td>{{item.name}}</td>
-						<td align="right">
-							<p class="price">{{item.cost | currency: getCurrency() }}</p>
-							<p class="price" *ngIf="!owner.zats"><img class="icon" src="/assets/spartan-zec.png" width="12px" />{{(item.cost/price) | number: '1.0-6'}}</p>
-							<p class="price" *ngIf="owner.zats">&#x24e9; {{(item.cost/price)*100000000 | number: '1.0-0'}}</p>
+						<td style="font-family: Roboto Mono;
+				           		   font-size: 16px;
+				                   font-weight: 700;
+				                   height: 20px;">
+				             {{item.name}}
+				        </td>
+						
+						<td></td>	
+					</tr>
+					<tr>
+						<td style="font-family: Roboto Mono;
+				           		   font-size: 16px;
+				                   font-weight: 400;
+				                   height: 20px;">
+							{{item.description}}
+						</td>
+						<td>
+							<div class="rv_price" *ngIf="!owner.zats">
+  							   {{item.cost | currency: getCurrency() }}    
+								[<img class="icon" 
+								     src="/assets/zec_rv.png" 
+								     height="18px" />{{(item.cost/price) | number: '1.0-6'}}]
+							</div>
+							<p class="price" *ngIf="owner.zats"> &#x24e9;(item.cost/price)*100000000 | number: '1.0-0'}}</p>
 						</td>
 					</tr>
 				</table>
-				<div align="center">
-					<p class="text small">{{item.description}}</p>
-				</div>
 			<mat-card-actions>
 				<table cellspacing="0" width="100%">
 					<tr>
diff --git a/src/app/listorders/listorders.component.html b/src/app/listorders/listorders.component.html
index 07e8e65..1d2cd43 100644
--- a/src/app/listorders/listorders.component.html
+++ b/src/app/listorders/listorders.component.html
@@ -47,7 +47,7 @@
 						             margin: auto;'>
 						        <img src="/assets/zec_rv.png" 
 						             style='height: 16px;
-						                    margin: auto; '/>&nbsp;{{order.totalZec | number: '1.0-6'}}
+						                    margin: auto; '/>&nbsp;{{order.totalZec | number: '1.06'}}
 						</span>
 					</mat-panel-title>
 				    <mat-panel-description>
diff --git a/src/app/order/order.component.css b/src/app/order/order.component.css
index 4626d78..7446731 100644
--- a/src/app/order/order.component.css
+++ b/src/app/order/order.component.css
@@ -7,7 +7,8 @@
 }
 
 img.icon{
-	margin-bottom: -3px;
+	margin-bottom: -2px;
+	height: 18px;
 }
 
 .tbheader {
diff --git a/src/app/order/order.component.html b/src/app/order/order.component.html
index 1a300c4..910c5ee 100644
--- a/src/app/order/order.component.html
+++ b/src/app/order/order.component.html
@@ -6,47 +6,79 @@
 	No open order!
 </div>
 <mat-card style="margin-top: 10px;" *ngIf="order.address.length" >
+
 	<div>
 		<mat-card-title>
-			<table cellspacing="0" width="100%">
-				<tr>
-					<td>Order Total:</td>
-					<td align="right">
-						<p class="number">{{total | currency: getCurrency()}}</p>
-						<p class="number"><img class="icon" src="/assets/zec_rv.png" width="15px" />{{(total/price) | number: '1.0-6'}}</p>
+			<table style="width: 100%;" 
+			       cellspacing="0">
+				<tr style="font-family: Roboto Mono;
+				           font-size: 18px;
+				           font-weight: 700;
+				           height: 20px;">
+					<td width="50%">Order Total:</td>
+					<td width="50%" align="right">
+						{{total | currency: getCurrency()}}
+					</td>
+				</tr>
+				<tr style="font-family: Roboto Mono;
+				           font-size: 18px;
+				           font-weight: 700;
+				           height: 20px;">
+					<td width="50%"> </td>
+					<td align="right"
+					    width="50%">	
+						<img class="icon" src="/assets/zec_rv.png" >
+						{{(total/price) | number: '1.0-6'}}
 					</td>
 				</tr>
 			</table>
 		</mat-card-title>
-		<table width="100%">
-			<tr style="background: lightblue;">
-				<th class="tbheader" 
-				    style="text-align: left;" 
-					width="55%">Item
-				</th>
-				<th class="tbheader" 
-				    style="text-align: left;" 
-					width="15%">Qty.
-				</th>
-				<th class="tbheader" 
-				    style="text-align: right;" 
-				    width="30%">Total
-				</th>
-			</tr>
-			<tr *ngFor="let item of order.lines">
-				<td class="tbdetail" 
-				    style="text-align: left;" 
-					width="55%">{{item.name}}
-				</td>
-				<td class="tbdetail" 
-				    style="text-align: left;" 
-					width="15%">{{item.qty}}
-				</td>
-				<td class="tbdetail" 
-				    style="text-align: right;" 
-				    width="30%">{{item.qty * item.cost | number:'1.02'}} 
-				</td>
-			</tr>
+		<table style="width: 100%;">
+<!--			
+			<div style="display: block;">
+-->
+            <thead style="width: 100%;">
+				<tr style="background: lightblue;">
+					<th style= "font-family:  Roboto Mono;
+								font-size: 14px;
+								font-weight: 700;
+								text-align: left;" 
+						width="55%">Item
+					</th>
+					<th style= "font-family:  Roboto Mono;
+								font-size: 14px;
+								font-weight: 700;
+								text-align: left;" 
+						width="15%">Qty.
+					</th>
+					<th style= "font-family:  Roboto Mono;
+								font-size: 14px;
+								font-weight: 700;
+								text-align: right;" 
+					    width="30%">Total
+					</th>
+				</tr>
+			</thead>	
+<!--
+		    </div>
+-->
+		    <tbody style="overflow-y: auto;    
+					      overflow-x: hidden;">
+				<tr style="height: 20px !important;" *ngFor="let item of order.lines">
+					<td class="tbdetail" 
+					    style="text-align: left;" 
+						width="55%">{{item.name}}
+					</td>
+					<td class="tbdetail" 
+					    style="text-align: left;" 
+						width="15%">{{item.qty}}
+					</td>
+					<td class="tbdetail" 
+					    style="text-align: right;" 
+					    width="30%">{{item.qty * item.cost | number:'1.02'}} 
+					</td>
+				</tr>
+			</tbody>
 		</table>
 	</div>
 	<mat-card-actions>