1 files changed, 24 insertions, 3 deletions
diff --git a/recipeBuddy/src/app/cook-page/cook-page.component.css b/recipeBuddy/src/app/cook-page/cook-page.component.css
index b2b97e5..a899372 100644
--- a/recipeBuddy/src/app/cook-page/cook-page.component.css
+++ b/recipeBuddy/src/app/cook-page/cook-page.component.css
@@ -1,45 +1,66 @@
+h4{text-align: center;}
+h1{text-align: center; font-size: 50px}
+
 .previous {
 	margin: auto;
+	margin-top: 40px;
 	width: 200px;
 	height: 200px;
 	border: solid;
 	align: center;
 	text-align: center;
 	grid-column: 1;
+	grid-row: 2;
 	background-color: grey;
-
 	
 }
 
+.title {
+	margin: auto;
+	text-align: center;
+	grid-row: 1;
+	grid-column: 2;
+}
+
 .current {
 	margin: auto;
+	margin-top: 30px;
 	width: 300px;
 	height:300px;
 	border: solid;
 	text-align: center;
 	grid-column: 2;
+	grid-row: 2;
 	background-color: grey;
 }
 
 .next {
 	margin: auto;
+	margin-top: 40px;
 	width: 200px;
 	height: 200px;
 	border: solid;
 	align: center;
 	text-align: center;
 	grid-column: 3;
+	grid-row: 2;
 	background-color: grey;
-
 }
 
 .container {
+	text-align: center;
 	display: grid;
 	grid-template-columns: 1fr 1fr 1fr;
 	grid-gap: 10px;
-	grid-template-rows: 1fr;
+	grid-template-rows: 1fr 2fr;
 }
 
 .step-count {
 	text-align: center;
 }
+
+.last-button {
+	grid-row: 2;
+	grid-column: 3;
+	margin-top: 100px;
+}