From 4bc957e6d1ee49f9c3190225a8ebc83953761320 Mon Sep 17 00:00:00 2001
From: rakadu1 <rakadu1@bajajauto.co.in>
Date: Mon, 8 Sep 2025 15:36:30 +0530
Subject: [PATCH] minor UI bug fixes like showing color mode in persistent
 overlay before drift to maintain readability.

---
 steps/src/dom.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/steps/src/dom.js b/steps/src/dom.js
index 4e72f38..1bfa763 100644
--- a/steps/src/dom.js
+++ b/steps/src/dom.js
@@ -319,9 +319,9 @@ export function updatePersistentOverlays(currentMediaTime) {
 
     radarInfoOverlay.innerHTML = `
             Frame: ${appState.currentFrame + 1}
-            Abs Time: ${formatUTCTime(absRadarTime)}
-            Drift: <b style="color: ${driftColor};">${driftMs.toFixed(0)}ms</b>
-            Mode: <b>${colorMode}</b>
+            | Abs Time: ${formatUTCTime(absRadarTime)}
+            | Color Mode: <b>${colorMode}</b>
+            | Drift: <b style="color: ${driftColor};">${driftMs.toFixed(0)}ms  </b>
         `;
   }
 
@@ -333,7 +333,7 @@ export function updatePersistentOverlays(currentMediaTime) {
 
   videoInfoOverlay.innerHTML = `
         Frame: ${videoFrame}
-        Abs Time: ${formatUTCTime(absVideoTime)}
+        | Abs Time: ${formatUTCTime(absVideoTime)}
     `;
 }