zgo/src/app/settings/settings.component.html

<div class="settings-title">Settings</div>

<div class="container">
	<mat-dialog-content [formGroup]="settingsForm">
		<mat-form-field  class="settings-field" [style.width.%]="100">
			<mat-label>Name</mat-label>
			<input matInput 
			       width="100%"
			       placeholder="Name" 
			       formControlName="name">
		</mat-form-field>
		<mat-form-field [style.width.%]="100" >
			<mat-label>Currency</mat-label>
			<mat-select formControlName="currency">
				<mat-option *ngFor="let coin of coins" 
				            [value]="coin.symbol">
					{{coin.label}}
				</mat-option>
			</mat-select>
		</mat-form-field>
		<mat-slide-toggle formControlName="useZats" 
		                  (change)="onChange($event)">
			Use zatoshis?
		</mat-slide-toggle>
		<mat-slide-toggle formControlName="useVKey" 
						  (change)="onChangeVKeyOn($event)">
			Activate payment confirmation?
		</mat-slide-toggle>
		<pre></pre>
		<mat-form-field [style.width.%]="100">
			<mat-label>Viewing key</mat-label>
			<input matInput placeholder="Your wallet viewing key" 
							formControlName="vKey">
		</mat-form-field>

	</mat-dialog-content>

	<mat-dialog-actions style="display: flex;
							   justify-content: space-between;
							   align-items: center;
							   margin-top: 12px;">
			<button mat-raised-button 
					(click)="close()">
				Cancel
			</button>
			<button mat-raised-button 
			        color="primary" 
			        (click)="save()">
			    Save
			</button>
	</mat-dialog-actions>
</div>