Few fixes

static/calibration-visualiser.js

@@ -166,7 +166,6 @@ async function init(dataPath, domElementArg = document.body) {
 function animate(time) {
     controls.update();
 
-
     if (pointer !== undefined) {
         raycaster.setFromCamera(pointer, camera);
         const intersects = raycaster.intersectObjects(leds.children);

templates/calibration.html

@@ -4,9 +4,11 @@
 <section class="section">
     <div class="container">
         <h1 class="title">Visualisation de l'étalonnage</h1>
-        <div id="visualiser">
-            <div id="info">
-                Objet sélectionné : <span id="selected-object">aucun</span>
+        <div id="visualiser-container">
+            <div id="visualiser">
+                <div id="info">
+                    Objet sélectionné : <span id="selected-object">aucun</span>
+                </div>
             </div>
         </div>
     </div>
@@ -15,12 +17,24 @@
 
 {% block extracss %}
 <style>
-    #visualiser {
+    #visualiser-container {
         height: 50vh;
         border-color: var(--bulma-title-color);
         border-width: 1px;
         border-style: solid;
     }
+
+    #visualiser {
+        height: 100%;
+    }
+
+    #info {
+        position: absolute;
+        width: 100%;
+        z-index: 100;
+        display:block;
+        padding: 1em;
+    }
 </style>
 {% endblock extracss %}