From 55dc475a6a53b8afa59df09ad01eb8372a8a8850 Mon Sep 17 00:00:00 2001
From: Rene Vergara <rene@vergara.network>
Date: Tue, 23 Nov 2021 14:44:46 -0600
Subject: [PATCH] Correct item create form

---
 src/app/items/item-create/item-create.component.html | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/app/items/item-create/item-create.component.html b/src/app/items/item-create/item-create.component.html
index 8f8c4cc..d6dc06a 100644
--- a/src/app/items/item-create/item-create.component.html
+++ b/src/app/items/item-create/item-create.component.html
@@ -1,15 +1,18 @@
 <h2 mat-dialog-title class="text">Add item</h2>
 
 <mat-dialog-content [formGroup]="form">
-	<mat-form-field class="text">
+	<mat-form-field class="text" appearance="outline">
+		<mat-label>Item</mat-label>
 		<input type="hidden" formControlName="id">
 		<input matInput placeholder="Item" formControlName="name">
 	</mat-form-field>
-	<mat-form-field class="text">
+	<mat-form-field class="text" appearance="outline">
+		<mat-label>Description</mat-label>
 		<textarea matInput placeholder="Description" formControlName="description"></textarea>
 	</mat-form-field>
-	<mat-form-field class="text">
-		<input matInput type="number" placeholder="Price in USD" formControlName="cost">
+	<mat-form-field class="text" appearance="outline">
+		<mat-label>Price</mat-label>
+		<input matInput type="number" placeholder="Price" formControlName="cost">
 		<div *ngIf="!form.controls['cost'].valid && form.controls['cost'].touched">
 			<div *ngIf="form.controls['cost'].errors?.pattern">Use only numbers</div>
 		</div>