switched to a Table for ingredient widget

lib/entities/PizzaRecipe/Ingredient.dart

@@ -9,11 +9,12 @@ class Ingredient {
 
   Ingredient(this.name, this.unit, this.value);
 
-  Widget getIngredientWidget(int weight){
+  TableRow getIngredientWidget(int pizzaCount, int doughBallSize){
-    return Row(
+    return TableRow(
       children: <Widget>[
-        Text("${this.name.capitalize()}: "),
+        TableCell(child: Center(child: Text("${this.name.capitalize()}"))),
-        Text("${this.getAbsolute(weight)}$unit")
+        TableCell(child: Center(child: Text("${this.getAbsolute(doughBallSize)}$unit"))),
+        TableCell(child: Center(child: Text("${this.getAbsolute(pizzaCount * doughBallSize)}$unit"))),
       ],
     );
   }

lib/entities/PizzaRecipe/Ingredients.dart

@@ -7,10 +7,27 @@ class Ingredients {
 
   Ingredients(this.ingredients, this.method);
 
-  Widget getIngredientsWidget(int weight) {
+  Widget getIngredientsWidget(int pizzaCount, int doughBallSize) {
     return Container(
-      child: Column(
+      child: Table(
-        children: ingredients.values.map((ingredient) => ingredient.getIngredientWidget(weight)).toList()
+        border: TableBorder.all(),
+        columnWidths: const <int, TableColumnWidth>{
+          0: FlexColumnWidth(2),
+          1: FlexColumnWidth(2),
+          2: FlexColumnWidth(2),
+        },
+        children:
+          <TableRow>[
+            TableRow(
+              children: <TableCell>[
+                TableCell(child: Center(child: Text("Ingredient"))),
+                TableCell(child: Center(child: Text("Single Ball"))),
+                TableCell(child: Center(child: Text("Total"))),
+              ]
+            )
+
+          ] +
+          ingredients.values.map((ingredient) => ingredient.getIngredientWidget(pizzaCount, doughBallSize)).toList()
       )
     );
   }

lib/entities/PizzaRecipe/PizzaRecipe.dart

@@ -16,8 +16,8 @@ class PizzaRecipe {
 
   PizzaRecipe(this.name, this.description, this.ingredients, this.recipeSteps);
 
-  Widget getIngredientsWidget(int weight){
+  Widget getIngredientsWidget(int pizzaCount, int doughBallSize){
-    return ingredients.getIngredientsWidget(weight);
+    return ingredients.getIngredientsWidget(pizzaCount, doughBallSize);
   }
 
   static Future<PizzaRecipe> fromYaml(yamlPath) async{

lib/pages/AddPizzaEventPage.dart

@@ -156,7 +156,7 @@ class AddPizzaEventPageState extends State<AddPizzaEventPage> {
                     ]
                 ),
                 Divider(),
-                this.initialized ? this.pizzaRecipe.getIngredientsWidget(this.doughBallSize * this.pizzaCount) : Container(),
+                this.initialized ? this.pizzaRecipe.getIngredientsWidget(this.pizzaCount, this.doughBallSize) : Container(),
                 Spacer(),
                 SizedBox(
                     width: double.infinity,