PNG of the schematics added.

firmware/data/bottom.js

@@ -392,10 +392,10 @@ for (var i = 0; i < tcdata.length; i++) {
 var row = document.getElementById("hour" + (i+1)).parentNode;
 row.cells[0].childNodes[0].value = tcdata[i].hour;
 row.cells[1].childNodes[0].value = tcdata[i].min;
-row.cells[2].childNodes[0].value = parseInt(tcdata[i].ch1 * 100 / 255);
-row.cells[3].childNodes[0].value = parseInt(tcdata[i].ch2 * 100 / 255);
-row.cells[4].childNodes[0].value = parseInt(tcdata[i].ch3 * 100 / 255);
-row.cells[5].childNodes[0].value = parseInt(tcdata[i].ch4 * 100 / 255);
+row.cells[2].childNodes[0].value = parseInt(Math.round(tcdata[i].ch1 * 100 / 255));
+row.cells[3].childNodes[0].value = parseInt(Math.round(tcdata[i].ch2 * 100 / 255));
+row.cells[4].childNodes[0].value = parseInt(Math.round(tcdata[i].ch3 * 100 / 255));
+row.cells[5].childNodes[0].value = parseInt(Math.round(tcdata[i].ch4 * 100 / 255));
 }
 loadTCGraphData();
 });

firmware/data/index_template_bottom.html

@@ -9,11 +9,11 @@
 <table>
 <tr>
 <td>
-<div id="table-container">
+<div id="table-container" class="top-align">
 </div>
 </td>
 <td>
-<div id="tc_plot_chart">
+<div id="tc_plot_chart" class="top-align">
 </div>
 </td>
 </tr>

firmware/data/index_template_middle.html

@@ -1,7 +1,7 @@
 <!-- middle -->
 </td>
 <td>
-<div id="plot_chart"></div>
+<div id="plot_chart" class="top-align"></div>
 </td>
 </tr>
 </table>

firmware/data/index_template_top.html

@@ -47,4 +47,4 @@
 <br>
 <table border=0>
 <tr>
-<td>
+<td class="top-align">

firmware/data/style.css

@@ -40,4 +40,7 @@ cursor: pointer;
 }
 .pure-button:hover {
 background-color: #333;
+}
+.top-align {
+vertical-align: top;
 }

firmware/html/bottom.js

@@ -486,10 +486,10 @@ function fillTableFromJson() {
             var row = document.getElementById("hour" + (i+1)).parentNode;
             row.cells[0].childNodes[0].value = tcdata[i].hour;
             row.cells[1].childNodes[0].value = tcdata[i].min;
-            row.cells[2].childNodes[0].value = parseInt(tcdata[i].ch1 * 100 / 255);
-            row.cells[3].childNodes[0].value = parseInt(tcdata[i].ch2 * 100 / 255);
-            row.cells[4].childNodes[0].value = parseInt(tcdata[i].ch3 * 100 / 255);
-            row.cells[5].childNodes[0].value = parseInt(tcdata[i].ch4 * 100 / 255);
+            row.cells[2].childNodes[0].value = parseInt(Math.round(tcdata[i].ch1 * 100 / 255));
+            row.cells[3].childNodes[0].value = parseInt(Math.round(tcdata[i].ch2 * 100 / 255));
+            row.cells[4].childNodes[0].value = parseInt(Math.round(tcdata[i].ch3 * 100 / 255));
+            row.cells[5].childNodes[0].value = parseInt(Math.round(tcdata[i].ch4 * 100 / 255));
         }
 
         loadTCGraphData();

firmware/html/index_template_bottom.html

@@ -9,11 +9,11 @@
             <table>
                 <tr>
                     <td>
-                        <div id="table-container">
+                        <div id="table-container" class="top-align">
                         </div>
                     </td>
                     <td>
-                        <div id="tc_plot_chart">
+                        <div id="tc_plot_chart" class="top-align">
                         </div>
                     </td>
                 </tr>

firmware/html/index_template_middle.html

@@ -1,7 +1,7 @@
 <!-- middle -->
                     </td>
                     <td>
-                        <div id="plot_chart"></div>
+                        <div id="plot_chart" class="top-align"></div>
                     </td>
                 </tr>
             </table>

firmware/html/index_template_top.html

@@ -47,5 +47,5 @@
             <br>
             <table border=0>
                 <tr>
-                    <td>
+                    <td class="top-align">
 

firmware/html/style.css

@@ -40,4 +40,7 @@ cursor: pointer;
 }
 .pure-button:hover {
 background-color: #333;
+}
+.top-align {
+vertical-align: top;
 }