frontend

raspberry/roberto/views/frontend/templates/index.html

@@ -23,7 +23,7 @@
         position: absolute;
         bottom: 40px;
         left: 0;
-        width: 50%;
+        width: 40%;
         height: 33%;
         pointer-events: all;
       }
@@ -31,7 +31,7 @@
         position: absolute;
         bottom: 40px;
         right: 0;
-        width: 50%;
+        width: 40%;
         height: 33%;
         pointer-events: all;
       }
@@ -165,9 +165,9 @@ socket.on('battery', (data) => {
   console.log('Data received: ',data);
   var canvas = document.getElementById("textoverlay");
   var ctx = canvas.getContext("2d");
-  ctx.font = "24px Arial";
+  ctx.font = "14px Arial";
   ctx.fillStyle = "blue";
-  ctx.fillText(data, canvas.width/3, 30);
+  ctx.fillText(data, 3*canvas.width/4, 30);
 });
 
       function playStream(videoElement, hostname, port, path, configuration, reportErrorCB) {