fix(frontend): show copy button on left side for right-aligned widgets

gugu · claude · gugu · commit a5f5d04453e1 · 2026-02-06T13:24:25.000Z
Position the copy button at left: 0 within the field-display container
so it appears in the empty space left of the right-aligned value,
staying within the overflow bounds of the cell.

Co-Authored-By: Claude Opus 4.6 &lt;noreply@anthropic.com&gt;
diff --git a/frontend/src/app/components/ui-components/table-display-fields/id/id.component.css b/frontend/src/app/components/ui-components/table-display-fields/id/id.component.css
@@ -12,3 +12,8 @@
 	font-weight: 500;
 	flex-grow: 1;
 }
+
+.field-copy-button {
+	right: auto;
+	left: 0;
+}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/money/money.component.css b/frontend/src/app/components/ui-components/table-display-fields/money/money.component.css
@@ -5,3 +5,8 @@
 .field-display {
 	justify-content: flex-end;
 }
+
+.field-copy-button {
+	right: auto;
+	left: 0;
+}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/number/number.component.css b/frontend/src/app/components/ui-components/table-display-fields/number/number.component.css
@@ -6,6 +6,11 @@
 	justify-content: flex-end;
 }
 
+.field-copy-button {
+	right: auto;
+	left: 0;
+}
+
 .out-of-threshold {
 	display: flex;
 	align-items: center;

Original file line number	Diff line number	Diff line change
`@@ -12,3 +12,8 @@`
`12`	`12`	`font-weight: 500;`
`13`	`13`	`flex-grow: 1;`
`14`	`14`	`}`
	`15`	`+`
	`16`	`+.field-copy-button {`
	`17`	`+ right: auto;`
	`18`	`+ left: 0;`
	`19`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -5,3 +5,8 @@`
`5`	`5`	`.field-display {`
`6`	`6`	`justify-content: flex-end;`
`7`	`7`	`}`
	`8`	`+`
	`9`	`+.field-copy-button {`
	`10`	`+ right: auto;`
	`11`	`+ left: 0;`
	`12`	`+}`