Change look of login

src/app/app.component.css

@@ -1,5 +1,5 @@
 main{
-	margin: auto;
+	margin: 5px;
 }
 
 .footer{

src/app/login/login.component.css

@@ -6,6 +6,10 @@ mat-card.coolcard{
 	color: #FFFFFF;
 	margin: 5px;
 }
+mat-card.centercard{
+	max-width: 400px;
+	border: 1px solid #CCCCCC;
+}
 .icon{
 	font-family: 'Material Icons';
 }

src/app/login/login.component.html

@@ -1,23 +1,11 @@
-<br>
 <div align="center" class="text">
 	<mat-card class="coolcard">
 		<img src="/assets/logo-new-white.png" height="120px" />
-	<!--<h3>-->
-		<!--<pre>-->
- <!--__||__   _____       _ -->
-<!--|___  /  / ____|     | |-->
-   <!--/ /  | |  __  ___ | |-->
-  <!--/ /   | | |_ |/ _ \| |-->
- <!--/ /__  | |__| | (_) |_|-->
-<!--/__  _|  \_____|\___/(_)-->
-   <!--||                   -->
-		<!--</pre>-->
-	<!--</h3>-->
 	<p class="text">Last block seen: <span class="numbers">{{ heightUpdate | async }}</span></p>
 	</mat-card>
 </div>
 <div align="center">
-	<mat-card>
+	<mat-card class="centercard">
 		<h3>The Zcash Register</h3>
 		<div width="75%" align="left" *ngIf="!confirmedMemo">
 			<ol>
@@ -59,7 +47,7 @@
 			<mat-list-item *ngFor="let tx of txsUpdate | async">It needs {{6 - tx.confirmations}} more confirmations.</mat-list-item>
 		</mat-list>
 	</mat-card>
-	<mat-card [formGroup]="entryForm" *ngIf="!prompt && txs.length <=0">
+	<mat-card class="centercard" [formGroup]="entryForm" *ngIf="!prompt && txs.length <=0">
 		<div align="center" id="info">
 			<mat-form-field appearance="outline">
 				<mat-label>Session length</mat-label>

src/styles.css

@@ -20,4 +20,7 @@
 /*@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; }
+body {
+	margin: 0;
+	font-family: Roboto, "Helvetica Neue", sans-serif;
+}