From a3d796da5aabe5308e5a125564149761c079c988 Mon Sep 17 00:00:00 2001
From: Matt <bread@mailed.me.uk>
Date: Tue, 16 Dec 2025 06:45:52 +0000
Subject: [PATCH] Draw grid/axes on top of wave semi-transparent

---
 main/index.js | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/main/index.js b/main/index.js
index aaa0ac3..e299814 100644
--- a/main/index.js
+++ b/main/index.js
@@ -479,9 +479,6 @@ function draw() {
   const h = canvas.height;
   ctx.clearRect(0, 0, w, h);
 
-  // Draw Background Grid
-  drawGrid(w, h);
-
   // Always draw the last waveform data
   ctx.beginPath();
   ctx.strokeStyle = '#4ade80';
@@ -502,7 +499,6 @@ function draw() {
         }
         drawIdx -= 1;
       }
-
     } else {
       while (drawIdx >= 0) {
         if (dataBuffer[drawIdx] > triggerVal && dataBuffer[drawIdx + 1] < triggerVal) {
@@ -541,6 +537,9 @@ function draw() {
 
   ctx.stroke();
 
+  // Draw Background Grid
+  drawGrid(w, h);
+
   // Draw Crosshairs if mouse is over the canvas
   if (lastMousePosition.x !== null && lastMousePosition.y !== null) {
     drawCrosshairs(lastMousePosition.x, lastMousePosition.y, '#4ade80');