www/profile_water.php

changeset 211
63d0e40c58b9
parent 45
95251bedfab4
child 662
4bb005694ce7
--- a/www/profile_water.php	Sat Jan 26 15:05:27 2019 +0100
+++ b/www/profile_water.php	Sat Jan 26 19:24:36 2019 +0100
@@ -13,46 +13,49 @@
    <div id="popupWindow">
     <div>Wijzig brouwwater profiel.</div>
     <div style="overflow: hidden;">
-     <table>
+     <table style="width: 100%;">
       <tr>
        <td align="right" style="vertical-align: top;">Water naam:</td>
        <td align="left" colspan="3" style="vertical-align: top;"><input id="name" /></td>
       </tr>
       <tr>
-       <td align="right" style="vertical-align: top;">Calcium (Ca) mg/l:</td>
-       <td align="left" style="vertical-align: top;"><input id="calcium" /></td>
-       <td align="right" style="vertical-align: top;">Magnesium (Mg) mg/l:</td>
-       <td align="left" style="vertical-align: top;"><input id="magnesium" /></td>
-      </tr>
-      <tr>
-       <td align="right" style="vertical-align: top;">Natrium (Na) mg/l:</td>
-       <td align="left" style="vertical-align: top;"><input id="sodium" /></td>
-       <td align="right" style="vertical-align: top;">Chloride (Cl) mg/l:</td>
-       <td align="left" style="vertical-align: top;"><input id="chloride" /></td>
-      </tr>
-      <tr>
-       <td align="right" style="vertical-align: top;">Sulfaat (CaSO4) mg/l:</td>
-       <td align="left" style="vertical-align: top;"><input id="sulfate" /></td>
-       <td align="right" style="vertical-align: top;">Zuurgraad (pH):</td>
-       <td align="left" style="vertical-align: top;"><input id="ph" /></td>
-      </tr>
-      <tr>
-       <td align="right" style="vertical-align: top;">Bicarbonaat (HCO3) mg/l:</td> <!-- Input for total_alkalinity -->
-       <td align="left" style="vertical-align: top;"><input id="bicarbonate" /></td>
-       <td align="right" style="vertical-align: top;">Totale alkaliteit (CaCO3) mg/l:</td>
-       <td align="left" style="vertical-align: top;"><input id="total_alkalinity" /></td>
-      </tr>
-      <tr>
        <td align="right" style="vertical-align: top;">Opmerkingen:</td>
        <td align="left" colspan="3"><textarea id="notes"></textarea></td>
       </tr>
       <tr>
-       <td style="padding-top: 10px;" align="right"><input type="button" id="Delete" value="Delete" /></td>
+       <td colspan="4">&nbsp;</td>
+      </tr>
+      <tr>
+       <td style="vertical-align: top; float: right;">Calcium (Ca) mg/l:</td>
+       <td><div id="calcium"></div></td>
+       <td style="vertical-align: top; float: right;">Chloride (Cl) mg/l:</td>
+       <td><div id="chloride"></div></td>
+      </tr>
+      <tr>
+       <td style="vertical-align: top; float: right;">Magnesium (Mg) mg/l:</td>
+       <td><div id="magnesium"></div></td>
+       <td style="vertical-align: top; float: right;">Sulfaat (CaSO4) mg/l:</td>
+       <td><div id="sulfate"></div></td>
+      </tr>
+      <tr>
+       <td style="vertical-align: top; float: right;">Natrium (Na) mg/l:</td>
+       <td><div id="sodium"></div></td>
+       <td style="vertical-align: top; float: right;">Bicarbonaat (HCO3) mg/l:</td> <!-- Input for total_alkalinity -->
+       <td><div id="bicarbonate"></div></td>
+      </tr>
+      <tr>
+       <td style="vertical-align: top; float: right;">Zuurgraad (pH):</td>
+       <td><div id="ph"></div></td>
+       <td style="vertical-align: top; float: right;">Totale alkaliteit (CaCO3) mg/l:</td>
+       <td><div id="total_alkalinity"></div></td>
+      </tr>
+      <tr>
+       <td style="padding-top: 110px;" align="right"><input type="button" id="Delete" value="Verwijder" /></td>
        <td align="right"></td>
        <td align="right"></td>
-       <td style="padding-top: 10px;" align="right">
-        <input style="margin-right: 5px;" type="button" id="Save" value="Save" />
-        <input id="Cancel" type="button" value="Cancel" />
+       <td style="padding-top: 110px;" align="left">
+        <input style="margin-right: 5px;" type="button" id="Save" value="Sla op" />
+        <input id="Cancel" type="button" value="Annuleer" />
        </td>
       </tr>
      </table>

mercurial