From 50195414cce1624efc4a864ab34e1eada579aa4e Mon Sep 17 00:00:00 2001
From: Thomas Forgione <thomas@forgione.fr>
Date: Wed, 19 Jun 2024 14:21:03 +0200
Subject: [PATCH] Few fixes

---
 static/calibration-visualiser.js |  1 -
 templates/calibration.html       | 22 ++++++++++++++++++----
 2 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/static/calibration-visualiser.js b/static/calibration-visualiser.js
index 2b5ca73..d8bdf97 100644
--- a/static/calibration-visualiser.js
+++ b/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);
diff --git a/templates/calibration.html b/templates/calibration.html
index dfd40e9..cd85c5d 100644
--- a/templates/calibration.html
+++ b/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 %}