Adjust look and feel for data export

CHANGELOG.md

@@ -5,11 +5,13 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 
+### Added
+
 - New component added to export orders in CSV format. Allows users to download orders. 
 
 ## [1.3.1] - 2022-10-08
 
-## Fixed
+### Fixed
 
 - Bug [#7](https://gitlab.com/pitmutt/zgo/-/issues/7) for saving a viewing key.
 

pay_xero_invoice.txt

@@ -1,41 +0,0 @@
-{
-  "Invoice": { "InvoiceID": "96df0dff-43ec-4899-a7d9-e9d63ef12b19" },
-  "Account": { "Code": "001" },
-  "Date": "2022-08-25",
-  "Amount": 32.06
-}
-
-
-{
-  "Invoice": { "InvoiceNumber": "INV-0041" },
-  "Account": { "Code": "001" },
-  "Date": "2022-08-25",
-  "Amount": 32.06
-}
-
-
-POST -> https://api.xero.com/api.xro/2.0/Payments
-
-Authorization   Bearer ey****
-Xero-Tenant-Id  5ae23193-e4b4-4001-99e9-b98634d6040e
-Accept          application/json
-Content-Type    application/json
-
-
-Payload
-
-{
-  "Payments": [
-    {
-      "Invoice": {
-        "LineItems": [],
-        "InvoiceID": "00000000-0000-0000-0000-000000000000"
-      },
-      "Account": {
-        "Code": "970"
-      },
-      "Date": "2019-03-12",
-      "Amount": 1
-    }
-  ]
-}

src/app/db-export/db-export.component.css

@@ -8,7 +8,6 @@
 	padding-bottom: 20px;
 	font-size: 	14px;
 	font-weight: 700;
-	color: indianred;
 	text-align: center;
 }
 

src/app/db-export/db-export.component.html

@@ -30,7 +30,7 @@
   <br>
     You have no orders created.
     <br>
-    Nothig to do
+    Nothing to do.
   <br>  
   <br> 
   <br>  
@@ -45,12 +45,8 @@
     Close
   </button>
 
-  <div class="downloadbtn" 
+    <a mat-raised-button *ngIf="checkReady()" color="primary" [href]="fileUrl"        
-       *ngIf="checkReady()">  
-    <a [href]="fileUrl"        
-       class="downloadbtntxt"
        download="orders.csv">Download</a>
-  </div>
 
 </div>
 <div style="height: 20px;