fix: Align Compare status ticks when a row also shows only here

Author: vishnuv688

packages/app/src/components/workbench/compare/markers.ts

@@ -98,11 +98,13 @@ export function renderMarker(
   }
   const statusMarker = renderStatusMarker(cmd, step, allCmdsThisSide)
   if (kind === 'missing' && !oneSideEntirelyEmpty) {
-    return html`${statusMarker}<span
+    // `only here` before the status so the ✓ stays in the right-edge column,
+    // aligned with rows that show only a ✓.
+    return html`<span
         class="marker info"
         title="Only present on this side — the other run ended before this step"
         >only here</span
-      >`
+      >${statusMarker}`
   }
   return statusMarker
 }

packages/app/src/components/workbench/compare/styles.ts

@@ -201,13 +201,19 @@ export const compareStyles = css`
   }
 
   /* ── Per-cell status markers ── */
+  /* Only the first marker pushes the group to the right edge; any following
+     marker (e.g. the ✓ after an "only here" tag) sits adjacent, so the ✓
+     stays in the same right-edge column across rows. */
   .marker {
-    margin-left: auto;
+    margin-left: 8px;
     font-family: var(--vscode-font-family, sans-serif);
     font-size: 10px;
     padding: 1px 7px;
     border-radius: 5px;
   }
+  .step-cell .marker:first-of-type {
+    margin-left: auto;
+  }
   .marker.ok {
     padding: 0;
     background: transparent;