From 9f0965a0b2edb06b6ff9e14406c3111f864578e0 Mon Sep 17 00:00:00 2001
From: Simon Knott <info@simonknott.de>
Date: Thu, 10 Oct 2024 11:41:19 +0200
Subject: [PATCH] proper depth

---
 packages/html-reporter/src/links.css | 1 -
 packages/html-reporter/src/links.tsx | 2 +-
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/html-reporter/src/links.css b/packages/html-reporter/src/links.css
index 4abe8a6caa..d310ba7026 100644
--- a/packages/html-reporter/src/links.css
+++ b/packages/html-reporter/src/links.css
@@ -98,7 +98,6 @@
 .attachment-body {
   white-space: pre-wrap;
   background-color: var(--color-canvas-subtle);
-  margin-left: 24px;
   line-height: normal;
   padding: 8px;
   font-family: monospace;
diff --git a/packages/html-reporter/src/links.tsx b/packages/html-reporter/src/links.tsx
index 935b77f7b5..cf21d73518 100644
--- a/packages/html-reporter/src/links.tsx
+++ b/packages/html-reporter/src/links.tsx
@@ -87,7 +87,7 @@ export const AttachmentLink: React.FunctionComponent<{
         : <span>{linkifyText(attachment.name)}</span>
     )}
   </span>} loadChildren={attachment.body ? () => {
-    return [<div key={1} className='attachment-body'><CopyToClipboard value={attachment.body!}/>{linkifyText(attachment.body!)}</div>];
+    return [<div key={1} className='attachment-body' style={{ marginLeft: 24 + (depth ?? 0) * 22 + 4 }}><CopyToClipboard value={attachment.body!}/>{linkifyText(attachment.body!)}</div>];
   } : undefined} depth={depth ?? 0} style={{ lineHeight: '32px' }}></TreeItem>;
 };