From e362cbbca5a80993080d06e937fdb11fb8e2c40f Mon Sep 17 00:00:00 2001
From: Sven van Ginkel <svenvanginkel@icloud.com>
Date: Tue, 29 Jul 2025 01:20:37 +0200
Subject: [PATCH] Move copy button (#1010)

Thank you!
---
 .../components/systems-table/systems-table.tsx   | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/beszel/site/src/components/systems-table/systems-table.tsx b/beszel/site/src/components/systems-table/systems-table.tsx
index 8a7392e..afa1022 100644
--- a/beszel/site/src/components/systems-table/systems-table.tsx
+++ b/beszel/site/src/components/systems-table/systems-table.tsx
@@ -174,17 +174,11 @@ export default function SystemsTable() {
 				invertSorting: false,
 				Icon: ServerIcon,
 				cell: (info) => (
-					<span className="flex gap-0.5 items-center text-base md:ps-1 md:pe-5">
+					<span className="flex gap-2 items-center md:ps-1 md:pe-5">
 						<IndicatorDot system={info.row.original} />
-						<Button
-							data-nolink
-							variant={"ghost"}
-							className="text-primary/90 h-7 px-1.5 gap-1.5"
-							onClick={() => copyToClipboard(info.getValue() as string)}
-						>
+						<span className="font-medium text-sm">
 							{info.getValue() as string}
-							<CopyIcon className="size-2.5" />
-						</Button>
+						</span>
 					</span>
 				),
 				header: sortableHeader,
@@ -721,6 +715,10 @@ const ActionsButton = memo(({ system }: { system: SystemRecord }) => {
 								</>
 							)}
 						</DropdownMenuItem>
+						<DropdownMenuItem onClick={() => copyToClipboard(name)}>
+							<CopyIcon className="me-2.5 size-4" />
+							<Trans>Copy name</Trans>
+						</DropdownMenuItem>
 						<DropdownMenuItem onClick={() => copyToClipboard(host)}>
 							<CopyIcon className="me-2.5 size-4" />
 							<Trans>Copy host</Trans>