added ingredient scaling and styling to pre cook page

1 files changed, 37 insertions, 0 deletions

diff --git a/recipeBuddy/src/app/pre-cook-pop-up/pre-cook-pop-up.component.css b/recipeBuddy/src/app/pre-cook-pop-up/pre-cook-pop-up.component.css
index e69de29..809e58b 100644
--- a/recipeBuddy/src/app/pre-cook-pop-up/pre-cook-pop-up.component.css
+++ b/recipeBuddy/src/app/pre-cook-pop-up/pre-cook-pop-up.component.css
@@ -0,0 +1,37 @@
+h1 {text-align: center}
+h4 {	text-align: center;
+	margin-bottom:0px;
+   }
+.outer-box {
+	display:grid;
+	width: 400px;
+	margin: auto;
+	padding: 10px;
+	border: solid;
+	align-content: center;
+	align-self: center;
+}
+
+.input-box {
+	text-align:center;
+	margin: auto;
+}
+
+.ingredients-list {
+	margin: auto;
+	padding: 10px;
+	border: solid;
+	outline: 0px solid;
+}
+
+.button {
+	display: block;
+	margin: 10px auto;
+}
+
+li{text-align: center}
+input{display: inline-block;
+	width: 20px}
+button{width: 150px;
+	height: 50px;
+	}