--- 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>