www/recipes.php

changeset 52
b1f2a893572f
parent 51
7224109adfe1
child 53
a17c644a0510
--- a/www/recipes.php	Tue Sep 04 13:44:02 2018 +0200
+++ b/www/recipes.php	Tue Sep 04 23:12:13 2018 +0200
@@ -27,61 +27,61 @@
       <div style="overflow: hidden;">
        <table>
         <tr>
-         <td style="vertical-align: top; float: right;">Recept naam:</td>
-         <td align="left" colspan="5" style="vertical-align: top;"><input id="name" /></td>
+         <td style="vertical-align: top; float: right; padding: 3px;">Recept naam:</td>
+         <td align="left" colspan="5" style="vertical-align: top; padding: 3px;"><input id="name" /></td>
         </tr>
         <tr>
-         <td style="vertical-align: top; float: right;">Opmerkingen:</td>
-         <td colspan="5"><textarea id="notes"></textarea></td>
+         <td style="vertical-align: top; float: right; padding: 3px;">Opmerkingen:</td>
+         <td colspan="5" style="padding: 3px;"><textarea id="notes"></textarea></td>
 	</tr>
 	<tr>
-         <td style="vertical-align: top; float: right;">Stijlgids:</td>
-         <td align="left" style="vertical-align: top;"><input id="st_guide" /></td>
-         <td style="vertical-align: top; float: right;">Bier stijl:</td>
-         <td align="left" style="vertical-align: top;"><input id="st_name" /></td>
-         <td style="vertical-align: top; float: right;">Bier groep:</td>
-	 <td align="left" style="vertical-align: top;"><input id="st_letter" /></td>
+         <td style="vertical-align: top; float: right; padding: 3px;">Stijlgids:</td>
+         <td align="left" style="vertical-align: top; padding: 3px;"><input id="st_guide" /></td>
+         <td style="vertical-align: top; float: right; padding: 3px;">Bier stijl:</td>
+         <td align="left" style="vertical-align: top; padding: 3px;"><input id="st_name" /></td>
+         <td style="vertical-align: top; float: right; padding: 3px;">Bier groep:</td>
+	 <td align="left" style="vertical-align: top; padding: 3px;"><input id="st_letter" /></td>
 	</tr>
         <tr>
-	 <td style="vertical-align: top; float: right;">Brouw type:</td>
-	 <td align="left"><div id="type"></div></td>
+	 <td style="vertical-align: top; float: right; padding: 3px;">Brouw type:</td>
+	 <td align="left" style="padding: 3px;"><div id="type"></div></td>
          <td></td>
 	 <td></td>
          <td></td>
          <td></td>
         </tr>
         <tr>
-         <td style="vertical-align: top; float: right;">Brouw volume:</td>
-         <td><div id="batch_size"></div></td>
-         <td style="vertical-align: top; float: right;">Kooktijd minuten:</td>
-	 <td><div id="boil_time"></div></td>
-         <td style="vertical-align: top; float: right;">Brouwzaal rendement:</td>
-         <td><div id="efficiency"></div></td>
+         <td style="vertical-align: top; float: right; padding: 3px;">Brouw volume:</td>
+         <td style="padding: 3px;"><div id="batch_size"></div></td>
+         <td style="vertical-align: top; float: right; padding: 3px;">Kooktijd minuten:</td>
+	 <td style="padding: 3px;"><div id="boil_time"></div></td>
+         <td style="vertical-align: top; float: right; padding: 3px;">Brouwzaal rendement:</td>
+         <td style="padding: 3px;"><div id="efficiency"></div></td>
 	</tr>
         <tr>
-         <td style="vertical-align: top; float: right;">Start SG:</td>
-         <td><div style="float: left;" id="est_og"></div><div style="float: left; margin-left: 5px;" id="st_og_min"></div><div style="float: left;" id="st_og_max"></div></td>
-         <td style="vertical-align: top; float: right;">Eind SG:</td>
-         <td><div id="est_fg"></div></td>
+         <td style="vertical-align: top; float: right; padding: 3px;">Start SG:</td>
+         <td style="padding: 3px;"><div style="float: left;" id="est_og"></div><div style="float: left; margin-left: 5px;" id="st_og_min"></div><div style="float: left;" id="st_og_max"></div></td>
+         <td style="vertical-align: top; float: right; padding: 3px;">Eind SG:</td>
+         <td style="padding: 3px;"><div id="est_fg"></div></td>
          <td></td>
          <td></td>
         </tr>
-         <td style="vertical-align: top; float: right;">Kleur EBC:</td>
-         <td><div id="est_color"></div></td>
-         <td style="vertical-align: top; float: right;">Methode:</td>
-         <td><div id="color_method"></div></td>
+         <td style="vertical-align: top; float: right; padding: 3px;">Kleur EBC:</td>
+         <td style="padding: 3px;"><div id="est_color"></div></td>
+         <td style="vertical-align: top; float: right; padding: 3px;">Methode:</td>
+         <td style="padding: 3px;"><div id="color_method"></div></td>
          <td></td>
          <td></td>
         </tr>
-         <td style="vertical-align: top; float: right;">Bitterheid IBU:</td>
-         <td><div id="est_ibu"></div></td>
-         <td style="vertical-align: top; float: right;">Methode:</td>
-         <td><div id="ibu_method"></div></td>
+         <td style="vertical-align: top; float: right; padding: 3px;">Bitterheid IBU:</td>
+         <td style="padding: 3px;"><div id="est_ibu"></div></td>
+         <td style="vertical-align: top; float: right; padding: 3px;">Methode:</td>
+         <td style="padding: 3px;"><div id="ibu_method"></div></td>
          <td></td>
          <td></td>
         </tr>
        </table>
-       <div style="float: right; margin-top: 95px; margin-bottom: 10px;">
+       <div style="float: right; margin-top: 70px; margin-bottom: 10px;">
         <input style="margin-right: 90px;"  type="button" id="Delete" value="Delete" />
         <input style="margin-right: 90px;"  type="button" id="Save" value="Save" />
         <input style="margin-right: 375px;" type="button" id="Cancel" value="Cancel" />
@@ -145,8 +145,8 @@
          <td align="left" colspan="3"><textarea id="notes"></textarea></td>
         </tr> -->
         <tr>
-         <td align="right" style="vertical-align: top;">Water:</td>
-         <td align="left"><div id="waterGrid"></div></td>
+         <td align="right" style="vertical-align: top; padding: 3px;">Water:</td>
+         <td align="left" style="padding: 3px;"><div id="waterGrid"></div></td>
         </tr>
        </table>
       </div>
@@ -156,14 +156,16 @@
       <div style="overflow: hidden;">
        <table>
 	<tr>
-         <td style="vertical-align: top; float: right;">Maischchema:</td>
-	 <td align="left" style="vertical-align: top;"><input id="mash_name" /></td>
-         <td style="vertical-align: top; float: right;">Maish pH:</td>
-         <td><div id="mash_ph"></div></td>
+         <td style="vertical-align: top; float: right; padding: 3px;">Maischchema:</td>
+	 <td align="left" style="vertical-align: top; padding: 3px;"><input id="mash_name" /></td>
+         <td style="vertical-align: top; float: right; padding: 3px;">Maish pH:</td>
+	 <td style="padding: 3px;"><div id="mash_ph"></div></td>
+         <td style="vertical-align: top; float: right; padding: 3px;">Spoelwater temp:</td>
+         <td style="padding: 3px;"><div id="mash_sparge_temp"></div></td>
         </tr>
         <tr>
-         <td align="right" style="vertical-align: top;">Stappen:</td>
-         <td align="left" colspan="3"><div id="mashGrid">Graat</div></td>
+         <td align="right" style="vertical-align: top; padding: 3px;">Stappen:</td>
+         <td align="left" colspan="5" style="padding: 3px;"><div id="mashGrid">Graat</div></td>
         </tr>
        </table>
       </div>

mercurial