From 18f1667a00a6208006cec659bc3913aef1f45a9b Mon Sep 17 00:00:00 2001
From: Rene Vergara <rene@vergara.network>
Date: Sat, 15 Jan 2022 07:59:25 -0600
Subject: [PATCH] Add new font and update login

---
 src/app/app.component.css          |  2 +-
 src/app/login/login.component.css  |  7 +++++--
 src/app/login/login.component.html | 17 ++++-------------
 src/app/login/login.component.ts   |  2 +-
 src/index.html                     |  7 ++++---
 src/styles.css                     |  3 ++-
 6 files changed, 17 insertions(+), 21 deletions(-)

diff --git a/src/app/app.component.css b/src/app/app.component.css
index fd3bc5d..15b87ac 100644
--- a/src/app/app.component.css
+++ b/src/app/app.component.css
@@ -3,7 +3,7 @@ main{
 }
 
 .footer{
-	font-family: 'Saira Semi Condensed', sans-serif;
+	font-family: 'Spartan', sans-serif;
 	font-size: 12px;
 }
 
diff --git a/src/app/login/login.component.css b/src/app/login/login.component.css
index 9fe6385..6f6b63a 100644
--- a/src/app/login/login.component.css
+++ b/src/app/login/login.component.css
@@ -1,5 +1,5 @@
 * {
-	font-family: 'Saira Semi Condensed', sans-serif;
+	font-family: 'Spartan', sans-serif;
 }
 mat-card.coolcard{
 	background-color: #FF5722;
@@ -7,7 +7,7 @@ mat-card.coolcard{
 	margin: 5px;
 }
 mat-card.centercard{
-	max-width: 400px;
+	max-width: 450px;
 	border: 1px solid #CCCCCC;
 }
 .icon{
@@ -26,3 +26,6 @@ mat-card.centercard{
 .numbers{
 	font-family: 'Roboto Mono', monospace;
 }
+::ng-deep .mat-step-label{
+	font-size: 13px;
+}
diff --git a/src/app/login/login.component.html b/src/app/login/login.component.html
index 8135954..32a08d4 100644
--- a/src/app/login/login.component.html
+++ b/src/app/login/login.component.html
@@ -8,21 +8,12 @@
 	<mat-card class="centercard">
 		<h3>The Zcash Register</h3>
 			<mat-vertical-stepper #stepper linear>
-				<mat-step label="Log in with a shielded memo" editable="false">
-					<mat-card [formGroup]="entryForm">
+				<mat-step label="Connect your wallet to ZGo" editable="false">
+					<mat-card>
 						<div align="center" id="info">
-							<p>Select your session length and confirm once you've sent your memo:</p>
-							<mat-form-field appearance="outline">
-								<mat-label>Session length</mat-label>
-								<mat-select formControlName="selectedSession">
-									<mat-option *ngFor="let ticket of tickets" [value]="ticket.value">
-										{{ticket.viewValue}}
-									</mat-option>
-								</mat-select>
-							</mat-form-field>
 							<mat-card-actions>
-								<button mat-raised-button color="primary" [disabled]="!entryForm.valid" (click)="login(stepper)">
-									<mat-icon class="icon">login</mat-icon><span class="bigbutton">Log in</span>
+								<button mat-raised-button color="primary" (click)="login(stepper)">
+									<mat-icon class="icon">login</mat-icon><span class="bigbutton">Link wallet</span>
 								</button>
 							</mat-card-actions>
 						</div>
diff --git a/src/app/login/login.component.ts b/src/app/login/login.component.ts
index 131515d..2f5ca56 100644
--- a/src/app/login/login.component.ts
+++ b/src/app/login/login.component.ts
@@ -157,7 +157,7 @@ export class LoginComponent implements OnInit, AfterViewInit {
 		dialogConfig.disableClose = true;
 		dialogConfig.autoFocus = true;
 		dialogConfig.data = {
-			totalZec: this.entryForm.value.selectedSession,
+			totalZec: 1e-8,
 			addr: this.nodeAddress,
 			session: this.localToken
 		};
diff --git a/src/index.html b/src/index.html
index 3108252..ed575f5 100644
--- a/src/index.html
+++ b/src/index.html
@@ -6,9 +6,10 @@
   <base href="/">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" type="image/x-icon" href="favicon.ico">
-  <link rel="preconnect" href="https://fonts.gstatic.com">
- <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&family=Saira+Semi+Condensed:wght@400;500&display=swap" rel="stylesheet">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&family=Saira+Semi+Condensed:wght@400;500&family=Spartan:wght@500;700&display=swap" rel="stylesheet">
 </head>
 <body>
   <app-root></app-root>
diff --git a/src/styles.css b/src/styles.css
index 8038315..4108399 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -19,8 +19,9 @@
 
 /*@include mat.all-component-themes($my-theme);*/
 @import './custom-theme.scss';
+
 html, body { height: 100%; }
 body {
 	margin: 0;
-	font-family: Roboto, "Helvetica Neue", sans-serif;
+	font-family: 'Spartan', sans-serif;
 }