Improved delete, scaling added

templates/new.html

@@ -7,23 +7,44 @@
 
 {% block content %}
 
-        <h1>New Recipe</h1>
+<h1>New Recipe</h1>
 
 <form action="{{ url_for("add_recipe")}}" method="post">
 
-<label for="name">Recipe Name:</label><br>
-<input required type="text" id="name" name="name" placeholder="Sourdough">
-<br>
-<p>Enter all values grams.</p>
+<table>
+  <tr>
+    <td>
+      <label for="name">Recipe Name:</label>
+    </td>
+    <td>
+      <input required type="text" id="name" name="name" placeholder="Sourdough">
+    </td>
+  </tr>
+  <td>
+    <label for="yield">Loaves:</label>
+  </td>
+  <td>
+    <input required type="number" id="yield" name="yield" placeholder="2">
+  </td>
+</table>
 
-{% for ing in ['flour', 'water', 'salt'] %}
-<label for="{{ing}}_weight">{{ing.title()}}:</label><br>
-<input required type="number" id="{{ing}}_weight" name="{{ing}}_weight" placeholder="100"><br>
-<br>
-{% endfor %}
+<p>Enter all values grams. If an ingredient is not needed, input 0.</p>
 
-<label for="yield">Loaves:</label><br>
-<input required type="number" id="yield" name="yield" placeholder="2">
+<table>
+  <tr>
+    <th>Ingredient</th>
+    <th>Mass in g</th>
+  </tr>
+
+  {% for item in ['AP Flour', 'WW Flour', 'Rye Flour', 'Water', 'Salt', 'Yeast', 'Starter'] %}
+
+  <tr>
+    <td><label for="{{item}}_weight">{{item}}:</label></td>
+    <td><input required type="number" id="{{item}}_weight" name="{{item}}" placeholder="500"></td>
+  </tr>
+
+  {% endfor %}
+</table>
 
 <button type="submit">Add!</button>