[UI] Copy icon overlaps executionId text in Logs table
Describe the issue
Describe the bug
On the Logs page, each log entry displays metadata fields including
executionId. At 100% browser zoom, the copy-to-clipboard icon meant
to appear next to the executionId value instead renders directly on
top of the text, overlapping and obscuring part of the characters.
The overlap goes away only when the browser is zoomed out — at 100%
zoom (the default), the icon and text collide.
Steps to reproduce
- Set browser zoom to 100% (default)
- Go to the Logs page (any namespace/flow with execution logs)
- Locate a log entry row showing
executionId: <value> - Observe the copy icon overlapping the middle of the executionId text
- Zoom out the browser (e.g. to 90% or 80%)
- Observe the copy icon now renders correctly beside the text, without overlapping
Expected behavior
The copy icon should be positioned with proper spacing beside the executionId text at all standard zoom levels, including the default 100% zoom — not just when zoomed out.
Actual behavior
At 100% zoom, the copy icon renders on top of the executionId value, obscuring some characters. The layout only fixes itself once the browser is zoomed out, suggesting a CSS sizing/spacing issue that doesn't scale correctly at default zoom.
Environment
- Kestra version: 1.3.35 (OSS)
- Deployment: Docker Compose (local)
- OS: Windows
- Browser: Brave/Chrome(Laptop)
- Browser zoom: Issue occurs at 100% (default); not present at reduced zoom levels
Screen recording
https://github.com/user-attachments/assets/42044700-c44d-4071-88b3-604af92f859b
Environment
- Kestra Version: 1.3.35 (OSS)
Source: kestra-io/kestra