From 32e6b5ba51e80765f6dc1abd49d5499b2bf60a49 Mon Sep 17 00:00:00 2001
From: j <j@mailb.org>
Date: Sat, 5 Dec 2020 13:08:57 +0100
Subject: [PATCH] move around

---
 static/js/cccc.js | 11 +++++++----
 static/ptz.html   |  6 +++---
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/static/js/cccc.js b/static/js/cccc.js
index 3f36f01..5998dc0 100644
--- a/static/js/cccc.js
+++ b/static/js/cccc.js
@@ -699,15 +699,16 @@ function init_ptz() {
     api('getPresets', {}, function(response) {
         presets = response.result.presets
         var id = 1
+        $('<br>').appendTo($(ptz))
         presetSelect(true).on({
             change: event => {
                 id = parseInt(event.target.value)
                 var preset  = getPreset(id)
                 name.val(preset ? preset.name : '')
             }
-        }).appendTo($('body'))
+        }).appendTo($(ptz))
         $('<button>').html('Go')
-            .appendTo($('body')).on({
+            .appendTo($(ptz)).on({
                 click: function() {
                     api('camera', {
                         'fast_preset': {id: id}
@@ -716,10 +717,12 @@ function init_ptz() {
                     })
                 }
             })
-        var name = $('<input>').appendTo($('body'))
+        $('<br>').appendTo($(ptz))
+        $('<br>').appendTo($(ptz))
+        var name = $('<input>').appendTo($(ptz))
         name.val(getPreset(id).name)
         $('<button>').html('Set')
-            .appendTo($('body')).on({
+            .appendTo($(ptz)).on({
             click: function() {
                 var data = {}
                 if (name.val().length) {
diff --git a/static/ptz.html b/static/ptz.html
index 069f84a..bb72e89 100644
--- a/static/ptz.html
+++ b/static/ptz.html
@@ -25,7 +25,7 @@
 
 <script src="/static/js/cccc.js"></script>
 
-<div id="ptz" style="width: 256px;text-align: center;">
+<div id="ptz" style="width: 280px;text-align: center;">
     <div>
         <div>
             <button data-direction="LEFT_UP">↖</button>
@@ -47,9 +47,9 @@
     <button data-direction="IN">zoom in</button>
     <button data-direction="OUT">zoom out</button>
     <br>
-    Speed: <input name="speed" value="1"></input>
+    Speed: <input name="speed" value="1" style="width:10px"></input>
+    Duration: <input name="duration" value="4" style="width:10px"></input>
     <br>
-    Duration: <input name="duration" value="4"></input>
 </div>
 
 <script>