Update app.py

app.py

@@ -771,7 +771,7 @@ async(c, o, p, d, n, m, s)=>{
         videoDome.videoTexture.video.oncanplaythrough = function () {
           document.getElementById('seek').innerHTML = '';
           for (var i=0; i<videoDome.videoTexture.video.duration; i++) {
-            document.getElementById('seek').innerHTML += '<a href="#" style="position:absolute;right:'+(56-coords[i].lng/2)+'px;top:'+(56-coords[i].lat/2)+'px;" onclick="seek('+i+');">-'+i+'-</a> ';
+            document.getElementById('seek').innerHTML += '<a href="#" style="position:absolute;left:'+(56+coords[i].lng/2)+'px;top:'+(56-coords[i].lat/2)+'px;" onclick="seek('+i+');">-'+i+'-</a> ';
           }
           play();
           videoDome.videoTexture.video.oncanplaythrough = null;
@@ -1251,7 +1251,7 @@ with gr.Blocks(css=css, js=js, head=head) as demo:
           with gr.Group():
             camera = gr.HTML(value="""<div style='width:128px;height:128px;border:1px dotted gray;padding:0;margin:0;float:left;clear:none;' id='seek'></div>
             <span style='max-width:50%;float:right;clear:none;'>
-            <a href='#' id='reset_cam' style='width:8em;float:right;clear:none;color:white' onclick='
+            <a href='#' id='reset_cam' style='float:right;clear:none;color:white' onclick='
               if (!BABYLON.Engine.LastCreatedScene.activeCamera.metadata) {
                 BABYLON.Engine.LastCreatedScene.activeCamera.metadata = { 
                   screenshot: true,
@@ -1299,15 +1299,13 @@ with gr.Blocks(css=css, js=js, head=head) as demo:
               } 
               BABYLON.Engine.LastCreatedScene.activeCamera.metadata.pipeline.imageProcessing.exposure = this.value;
               this.parentNode.childNodes[2].innerText = BABYLON.Engine.LastCreatedScene.activeCamera.metadata.pipeline.imageProcessing.exposure;
-            '/> <span>1.0</span></span>""")
-            snapshot = gr.HTML(value="""<span style='max-width:50%;float:right;clear:none;'>
+            '/> <span>1.0</span><br/>
               <a href='#' onclick='snapshot();'>Screenshot</a>
               <a href='#' onclick='record_video();'>Record</a>
               <a href='#' onclick='stop_recording();'>Stop rec.</a>
-              <a href='#' onclick='play();'>Play</a><br/>
-              <img src='' id='img_out' onload='var ctxt = document.getElementById(\"cnv_out\").getContext(\"2d\");ctxt.drawImage(this, 0, 0);'/><br/>
+              <a href='#' onclick='play();'>Play</a></span>""")
+            snapshot = gr.HTML(value="""<img src='' id='img_out' onload='var ctxt = document.getElementById(\"cnv_out\").getContext(\"2d\");ctxt.drawImage(this, 0, 0);'/><br/>
               <canvas id='cnv_out'></canvas>
-              </span>
               <div id='compass_box'><div id='compass'><a id='fullscreen' onclick='
                 const model3D = document.getElementById(\"model3D\");
                 if (model3D.parentNode.tagName != \"BODY\") {