From fed091eafba32c78eb8a8ef66c31e490107f2604 Mon Sep 17 00:00:00 2001
From: CodeEpoch <he.george10@gmail.com>
Date: Sat, 15 Oct 2022 18:16:56 -0400
Subject: [PATCH] fridge style update

---
 src/components/Fridge/Ingredient.jsx     | 3 +--
 src/components/Fridge/IngredientList.jsx | 1 -
 src/components/pages/FridgeList.jsx      | 5 +++--
 3 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/components/Fridge/Ingredient.jsx b/src/components/Fridge/Ingredient.jsx
index 49272ec..68f7c5e 100644
--- a/src/components/Fridge/Ingredient.jsx
+++ b/src/components/Fridge/Ingredient.jsx
@@ -17,9 +17,8 @@ export default function Ingredient({ingredient, ingredientChecked}) {
     }
     return (
         <div style = {divStyle} className="card">
-            <div className="input-group-text">
+            <div className="card-body">
             <label>
-                <input type="checkbox" checked={ingredient.complete} onChange={handleIngredientClicked}></input>
                 {" " +ingredient.name}
             </label>
             <label style={amountStyle}>
diff --git a/src/components/Fridge/IngredientList.jsx b/src/components/Fridge/IngredientList.jsx
index ea72ea4..7441ae4 100644
--- a/src/components/Fridge/IngredientList.jsx
+++ b/src/components/Fridge/IngredientList.jsx
@@ -4,7 +4,6 @@ import Ingredient from './Ingredient'
 export default function ReceipeList({ingredients, ingredientChecked}) {
     return (
         ingredients.map(ingredient => {
-            
            return <Ingredient key = {ingredient.id} ingredient = {ingredient} ingredientChecked={ingredientChecked}/>
         })
     )
diff --git a/src/components/pages/FridgeList.jsx b/src/components/pages/FridgeList.jsx
index 92a7010..0abae4d 100644
--- a/src/components/pages/FridgeList.jsx
+++ b/src/components/pages/FridgeList.jsx
@@ -70,7 +70,7 @@ function FridgeList({ingredients, setIngredients, updatePerc}) {
 
     return(<>
     <h1 style={heading}>Ingredient List</h1>
-    <div style={{marginLeft: "10px"}}>
+    <div style={{marginLeft: "5%"}}>
       <div className="input-group mb-3">
         <input ref={ingredientNameRef}type="text" placeholder="Ingredient" className="form-control" style={{width:"50px"}}></input>
         <span style={spanStyle}>x</span>
@@ -80,8 +80,9 @@ function FridgeList({ingredients, setIngredients, updatePerc}) {
         <button onClick={handleAddIngredient} className="btn btn-dark">Add Ingredient</button>
         <button onClick={handleClear} className="btn btn-danger" style={{marginLeft: "10px"}}>Clear Ingredients</button>
       </div>
+    
+      <IngredientList ingredients = {ingredients} ingredientChecked={ingredientChecked}></IngredientList>
     </div>
-    <IngredientList ingredients = {ingredients} ingredientChecked={ingredientChecked}></IngredientList>
     </>
     )
   }