From 2ce49662e65fa0a3bdd2a2681d02586c30c4f431 Mon Sep 17 00:00:00 2001 From: schencej Date: Tue, 10 Dec 2019 22:23:25 -0500 Subject: added ingredient scaling and styling to pre cook page --- .../pre-cook-pop-up/pre-cook-pop-up.component.css | 37 ++++++++++++++++++++++ 1 file changed, 37 insertions(+) (limited to 'recipeBuddy/src/app/pre-cook-pop-up/pre-cook-pop-up.component.css') 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; + } -- cgit v1.1