Minor ptz page fixes

src/www/httpd/htdocs/css/custom.css

@@ -150,8 +150,12 @@ nav ul li.icon { display: none; }
     cursor: pointer;
 }
 
+table.ptz-table {
+    width: 35%;
+}
+
 table.ptz-table tr td {
-    padding: 1px 1px 1px;
+    padding: 1px 1px 1px 1px;
     border: 0px;
     text-align: center;
 }

src/www/httpd/htdocs/js/modules/ptz.js

@@ -47,7 +47,6 @@ APP.ptz = (function ($) {
             jQuery.get('/cgi-bin/snapshot.sh?res=low&base64=yes', function(data) {
                 image = document.getElementById('imgSnap');
                 image.src = 'data:image/png;base64,' + data;
-                image.style = 'width:100%;';
             })
             setTimeout(p, interval);
         })();
@@ -60,12 +59,14 @@ APP.ptz = (function ($) {
             dataType: "json",
             success: function(data) {
                 for (let key in data) {
-                    if (key == "model_suffix" && data[key] == "h201c") {
-                        $('#ptz_title').hide();
-                        $('#ptz_main').show();
-                    } else {
-                        $('#ptz_title').show();
-                        $('#ptz_main').hide();
+                    if (key == "model_suffix") {
+                        if (data[key] == "h201c") {
+                            $('#ptz_title').hide();
+                            $('#ptz_main').show();
+                        } else {
+                            $('#ptz_title').show();
+                            $('#ptz_main').hide();
+                        }
                     }
                 }
             },

src/www/httpd/htdocs/pages/ptz.html

@@ -7,33 +7,24 @@ <h3 class="no-margin" id="header">PTZ</h3>
             <p>PTZ functions are not available for this camera model.</p>
         </div>
 
-        <table id="ptz_main" class="u-full-width padded-table">
+        <img id="imgSnap" src="images/loading.gif" width="35%"/>
+
+        <table class="u-full-width ptz-table">
             <tbody>
             <tr class="row">
-                <td><img id="imgSnap" src="images/loading.gif" /></td>
+                <td></td>
+                <td><input type="image" id="img-au" src="images/arrow-up-bold-box-outline.png" /></td>
+                <td></td>
+            </tr>
+            <tr class="row">
+                <td><input type="image" id="img-al" src="images/arrow-left-bold-box-outline.png" /></td>
+                <td></td>
+                <td><input type="image" id="img-ar" src="images/arrow-right-bold-box-outline.png" /></td>
             </tr>
             <tr class="row">
-                <td>
-                    <table class="u-full-width ptz-table">
-                        <tbody>
-                        <tr class="row">
-                            <td></td>
-                            <td><input type="image" id="img-au" src="images/arrow-up-bold-box-outline.svg" width="75%"/></td>
-                            <td></td>
-                        </tr>
-                        <tr class="row">
-                            <td><input type="image" id="img-al" src="images/arrow-left-bold-box-outline.svg" width="75%" /></td>
-                            <td></td>
-                            <td><input type="image" id="img-ar" src="images/arrow-right-bold-box-outline.svg" width="75%" /></td>
-                        </tr>
-                        <tr class="row">
-                            <td></td>
-                            <td><input type="image" id="img-ad" src="images/arrow-down-bold-box-outline.svg" width="75%" /></td>
-                            <td></td>
-                        </tr>
-                        </tbody>
-                    </table>
-                </td>
+                <td></td>
+                <td><input type="image" id="img-ad" src="images/arrow-down-bold-box-outline.png" /></td>
+                <td></td>
             </tr>
             </tbody>
         </table>