From 80eb6cbdcf52b34fd239450d94f610732ef4ad78 Mon Sep 17 00:00:00 2001
From: vithobaa <vithobaasrinivas@gmail.com>
Date: Mon, 29 Jun 2026 19:22:21 +0530
Subject: [PATCH] fix: render step details when locatorName is null

---
 ui/src/pages/execution/ExecutionDetailsView.jsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/ui/src/pages/execution/ExecutionDetailsView.jsx b/ui/src/pages/execution/ExecutionDetailsView.jsx
index 740ff74..55597f7 100644
--- a/ui/src/pages/execution/ExecutionDetailsView.jsx
+++ b/ui/src/pages/execution/ExecutionDetailsView.jsx
@@ -280,13 +280,13 @@ export default function ExecutionDetailsView() {
                     <div className="step-header">
                       <span className="step-index">Step {step.stepIndex || idx + 1}</span>
                       <span className="action-tag">{step.actionName}</span>
-                      {step.locatorName && (
-                        <span className="step-locator text-muted">
-                          {step.locatorName}: {step.objectDetail || '—'}
+                      {(step.locatorName || step.objectDetail) && (
+                        <span className="step-locator text-muted" style={{ marginLeft: 8 }}>
+                          {step.locatorName ? `${step.locatorName}: ` : ''}{step.objectDetail || '—'}
                         </span>
                       )}
                       {step.testData && step.testData !== step.objectDetail && (
-                        <span className="step-data text-muted">→ {step.testData}</span>
+                        <span className="step-data text-muted" style={{ marginLeft: 8 }}>→ {step.testData}</span>
                       )}
                       {stepSkipped && <span className="skipped-tag">⏭ Skipped (previous step failed)</span>}
                     </div>