From 2ce49662e65fa0a3bdd2a2681d02586c30c4f431 Mon Sep 17 00:00:00 2001
From: schencej <schencej@clarkson.edu>
Date: Tue, 10 Dec 2019 22:23:25 -0500
Subject: added ingredient scaling and styling to pre cook page

---
 .../app/pre-cook-pop-up/pre-cook-pop-up.component.html  | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

(limited to 'recipeBuddy/src/app/pre-cook-pop-up/pre-cook-pop-up.component.html')

diff --git a/recipeBuddy/src/app/pre-cook-pop-up/pre-cook-pop-up.component.html b/recipeBuddy/src/app/pre-cook-pop-up/pre-cook-pop-up.component.html
index dc87efd..5fe4620 100644
--- a/recipeBuddy/src/app/pre-cook-pop-up/pre-cook-pop-up.component.html
+++ b/recipeBuddy/src/app/pre-cook-pop-up/pre-cook-pop-up.component.html
@@ -1,13 +1,16 @@
-<div>
-{{cookedRecipe.name}}
-	<div>
-		Serving Size: {{cookedRecipe.servingSize}} 
+<div *ngIf="cookedRecipe" class="outer-box"> 
+	<h1>{{cookedRecipe.name}}</h1> 
+
+	<div class="input-box">
+		Serving<input (keyup)="updateRecipe($event)">
 	</div>
-	<div> Ingredients:
+
+	<h4>Ingredients:</h4>
+	<div class="ingredients-list">
 		<li *ngFor="let ing of cookedRecipe.ingredients">
-			{{ing.name}}, {{ing.amount}} unit: {{ing.units}}
+			{{ing.name}}, {{ing.amount}} {{ing.unit}}
 	
 	</div>
 </div>
 
-<button routerLink="/cook"> Ready </button>
+<button class="button" routerLink="/cook"> Ready </button>
-- 
cgit v1.1