...

1 files changed, 12 insertions, 12 deletions

diff --git a/app.mjs b/app.mjs
index 464a1d2..15771e5 100755
--- a/app.mjs
+++ b/app.mjs
@@ -457,7 +457,7 @@ const renderAttitudeIndicator = (c, display, values) => {
 
     // draw vertical deflection dots
     const pi2 = 2 * Math.PI;
-    const vdef_x = w - 10;
+    const vdefX = w - 10 - x0;
     const vdefR = 3;
 
     c.strokeStyle = "white";
@@ -465,25 +465,25 @@ const renderAttitudeIndicator = (c, display, values) => {
     c.beginPath();
     for (let i = -2; i <= 2; i++) {
         if (i != 0) {
-            const vdef_y = 13 * i;
-            c.moveTo(vdef_x + vdefR, vdef_y);
-            c.arc(vdef_x, vdef_y, vdefR, 0, pi2);
+            const vdefY = 13 * i;
+            c.moveTo(vdefX + vdefR, vdefY);
+            c.arc(vdefX, vdefY, vdefR, 0, pi2);
         }
     }
     c.stroke();
 
-    if (isNumber(received) && received != 0) {
+    if (isNumber(received) && received == 0) {
         // draw CDI diamond
-        const cdi_y = 13 * cdi;
-        const cdi_h = 7;
-        const cdi_w = 4;
+        const cdiY = 13 * cdi;
+        const cdiH = 7;
+        const cdiW = 4;
         c.fillStyle = "#2dfe54";
         c.strokeStyle = "black";
         c.beginPath();
-        c.moveTo(vdef_x, cdi_y + cdi_h);
-        c.lineTo(vdef_x - cdi_w, cdi_y);
-        c.lineTo(vdef_x, cdi_y - cdi_h);
-        c.lineTo(vdef_x + cdi_w, cdi_y);
+        c.moveTo(vdefX, cdiY + cdiH);
+        c.lineTo(vdefX - cdiW, cdiY);
+        c.lineTo(vdefX, cdiY - cdiH);
+        c.lineTo(vdefX + cdiW, cdiY);
         c.stroke();
         c.fill();
     }