diff -r 3b1510050c9b -r 2246d830a42a www/prod_edit.php
--- a/www/prod_edit.php	Thu Mar 19 13:42:59 2020 +0100
+++ b/www/prod_edit.php	Thu Mar 19 20:41:18 2020 +0100
@@ -111,7 +111,7 @@
         <td style="vertical-align: top; float: right; padding: 3px;">Bitterheid methode:</td>
         <td style="padding: 3px;"><div style="float: left;" id="ibu_method"></div></td>
         <td style="vertical-align: top; float: right; padding: 3px;">Energie-inhoud kcal/l:</td>
-        <td style="padding: 3px;"><div style="float: left;" id="kcal"></div></div></td>
+        <td style="padding: 3px;"><div style="float: left;" id="kcal"></div></td>
        </tr>
       </table>
       <div style="float: right; margin-top: 20px; margin-bottom: 5px;">
@@ -544,7 +544,7 @@
       </tr>
       <tr>
        <td style="vertical-align: top; float: right;">Maisch pH:</td>
-       <td><div style="float: left;" id="brew_mash_ph"></div><div style="float: left; margin-left: 15px;" id="est_mash_ph"></div></td>
+       <td><div style="float: left;" id="brew_mash_ph"></div><div style="float: left; margin-left: 10px;" id="est_mash_ph"></div></td>
        <td style="vertical-align: top; float: right;">Voor koken pH:</td>
        <td><div id="brew_preboil_ph"></div></td>
        <td style="vertical-align: top; float: right;">Na koken pH:</td>
@@ -552,19 +552,19 @@
       </tr>
       <tr>
        <td style="vertical-align: top; float: right;">Maisch SG:</td>
-       <td><div style="float: left;" id="brew_mash_sg"></div><div style="float: left; margin-left: 15px;" id="est_mash_sg"></div></td>
+       <td><div style="float: left;" id="brew_mash_sg"></div><div style="float: left; margin-left: 10px;" id="est_mash_sg"></div></td>
        <td style="vertical-align: top; float: right;">Voor koken SG:</td>
-       <td><div style="float: left;" id="brew_preboil_sg"></div><div style="float: left; margin-left: 15px;" id="est_pre_sg"></div></td>
+       <td><div style="float: left;" id="brew_preboil_sg"></div><div style="float: left; margin-left: 10px;" id="est_pre_sg"></div></td>
        <td style="vertical-align: top; float: right;">Na koken SG:</td>
-       <td><div style="float: left;" id="brew_aboil_sg"></div><div style="float: left; margin-left: 15px;" id="est_og3"></div></td>
+       <td><div style="float: left;" id="brew_aboil_sg"></div><div style="float: left; margin-left: 10px;" id="est_og3"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right;">Maisch rendement %:</td>
        <td><div id="brew_mash_efficiency"></div></td>
        <td style="vertical-align: top; float: right;">Voor koken vol@100&deg;C:</td>
-       <td><div style="float: left;" id="brew_preboil_volume"></div><div style="float: left; margin-left: 15px;" id="est_pre_vol"></div></td>
+       <td><div style="float: left;" id="brew_preboil_volume"></div><div style="float: left; margin-left: 10px;" id="est_pre_vol"></div><input type="button" id="but_pre_boil" value="?" style="margin-left: 10px" /></td>
        <td style="vertical-align: top; float: right;">Na koken vol@100&deg;C:</td>
-       <td><div style="float: left;" id="brew_aboil_volume"></div><div style="float: left; margin-left: 15px;" id="est_a_vol"></div></td>
+       <td><div style="float: left;" id="brew_aboil_volume"></div><div style="float: left; margin-left: 10px;" id="est_a_vol"></div><input type="button" id="but_after_boil" value="?" style="margin-left: 10px" /></td>
       </tr>
       <tr>
        <td colspan="2"> </td>
@@ -632,7 +632,7 @@
        <td style="vertical-align: top; float: right;">Extra water in gistvat l:</td>
        <td><div id="brew_fermenter_extrawater"></div></td>
        <td style="vertical-align: top; float: right;">Kleur in gistvat EBC:</td>
-       <td><div style="float: left;" id="brew_fermenter_color"></div><div style="float: left; margin-left: 15px;" id="bcolorf" class='ebccolor'> </div></td>
+       <td><div style="float: left;" id="brew_fermenter_color"></div><div style="float: left; margin-left: 10px;" id="bcolorf" class='ebccolor'> </div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right;">Beluchten snelheid:</td>
@@ -903,7 +903,7 @@
      <table style="width: 100%;">
       <tr>
        <td align="right" style="vertical-align: top;">Ingredi&euml;nt naam:</td>
-       <td style="padding: 3px;"><input readonly="1" id="wf_name" /></div></td>
+       <td style="padding: 3px;"><input readonly="1" id="wf_name" /></td>
       </tr>
       <tr>
        <td align="right" style="vertical-align: top;">Ander ingredi&euml;nt:</td>
@@ -948,7 +948,7 @@
      <table style="width: 100%;">
       <tr>
        <td align="right" style="vertical-align: top;">Hop naam:</td>
-       <td style="padding: 3px;"><input readonly="1" id="wh_name" /></div></td>
+       <td style="padding: 3px;"><input readonly="1" id="wh_name" /></td>
       </tr>
       <tr>
        <td align="right" style="vertical-align: top;">Andere hop:</td>
@@ -989,7 +989,7 @@
      <table style="width: 100%;">
       <tr>
        <td align="right" style="vertical-align: top;">Ingredi&euml;nt naam:</td>
-       <td style="padding: 3px;"><input readonly="1" id="wm_name" /></div></td>
+       <td style="padding: 3px;"><input readonly="1" id="wm_name" /></td>
       </tr>
       <tr>
        <td align="right" style="vertical-align: top;">Ander ingredi&euml;nt:</td>
@@ -1026,15 +1026,15 @@
      <table style="width: 100%;">
       <tr>
        <td align="right" style="vertical-align: top;">Gist naam:</td>
-       <td style="padding: 3px;"><input readonly="1" id="wy_name" /></div></td>
+       <td style="padding: 3px;"><input readonly="1" id="wy_name" /></td>
       </tr>
       <tr>
        <td align="right" style="vertical-align: top;">Product code:</td>
-       <td style="padding: 3px;"><input readonly="1" id="wy_product_id" /></div></td>
+       <td style="padding: 3px;"><input readonly="1" id="wy_product_id" /></td>
       </tr>
       <tr>
        <td align="right" style="vertical-align: top;">Leverancier:</td>
-       <td style="padding: 3px;"><input readonly="1" id="wy_laboratory" /></div></td>
+       <td style="padding: 3px;"><input readonly="1" id="wy_laboratory" /></td>
       </tr>
       <tr>
        <td align="right" style="vertical-align: top;">Andere gist:</td>
@@ -1067,7 +1067,7 @@
      <table style="width: 100%;">
       <tr>
        <td align="right" style="vertical-align: top;">Stap naam:</td>
-       <td style="padding: 3px;"><input id="wstep_name" /></div></td>
+       <td style="padding: 3px;"><input id="wstep_name" /></td>
       </tr>
       <tr>
        <td align="right" style="vertical-align: top;">Stap type:</td>
@@ -1102,6 +1102,29 @@
     </div>
    </div>
 
+   <div id="volumeWindow">
+    <div>Bereken volume in de ketel</div>
+    <div style="overflow: hidden;">
+     <table style="width: 100%;">
+      <col width="50%">
+      <col width="50%">
+      <tr>
+       <td align="right" style="vertical-align: top;">Ketel volume:</td>
+       <td style="padding: 3px;"><input readonly="1" id="ketel_volume" /></td>
+      </tr>
+      <tr>
+       <td align="right" style="vertical-align: top;">cm vanaf de bovenrand:</td>
+       <td style="padding: 3px;"><div id="ketel_cm" /></div></td>
+      </tr>
+      <tr>
+       <td style="padding-top: 30px;" colspan="2" align="center">
+        <input id="volumeReady" type="button" value="Ok" />
+       </td>
+      </tr>
+     </table>
+    </div>
+   </div>
+
 <?php
 confirm_delete();
 page_footer();