From 1f839ba4fdcdc697e19b23d3636a282976531a15 Mon Sep 17 00:00:00 2001
From: Dean Sallinen <7519573+deansallinen@users.noreply.github.com>
Date: Thu, 5 Dec 2024 12:09:23 -0800
Subject: [PATCH] fix: other copy buttons

---
 .../(account)/create-account/+page.svelte     | 43 ++++++-------------
 1 file changed, 14 insertions(+), 29 deletions(-)

diff --git a/src/routes/[network]/(account)/create-account/+page.svelte b/src/routes/[network]/(account)/create-account/+page.svelte
index 5136656e..25d84999 100644
--- a/src/routes/[network]/(account)/create-account/+page.svelte
+++ b/src/routes/[network]/(account)/create-account/+page.svelte
@@ -245,47 +245,32 @@
 			<Label for="send-account-input"
 				>Send {context.network.chain.systemToken?.symbol.name} to account</Label
 			>
-			<div class="relative">
-				{#if cost}
-					<TextInput is="send-account-input" value={sendAccount} disabled />
-				{/if}
-				<button
-					type="button"
-					class="absolute inset-y-0 right-0 z-10 flex select-none items-center gap-1 rounded-md bg-black bg-transparent px-4 text-skyBlue-500 hover:text-skyBlue-300 focus:outline-none focus-visible:ring focus-visible:ring-inset focus-visible:ring-solar-500"
-				>
+
+			{#if cost}
+				<TextInput is="send-account-input" value={sendAccount} disabled>
 					<CopyButton data={sendAccount} />
-				</button>
-			</div>
+				</TextInput>
+			{/if}
 		</fieldset>
 
 		<fieldset class="grid gap-2">
 			<Label for="cost-amount-input"
 				>Amount of {context.network.chain.systemToken?.symbol.name} to send</Label
 			>
-			<div class="relative">
-				{#if cost}
-					<TextInput id="cost-amount-input" value={costAmount} disabled />
-				{/if}
-				<button
-					type="button"
-					class="absolute inset-y-0 right-0 z-10 flex select-none items-center gap-1 rounded-md bg-black bg-transparent px-4 text-skyBlue-500 hover:text-skyBlue-300 focus:outline-none focus-visible:ring focus-visible:ring-inset focus-visible:ring-solar-500"
-				>
+
+			{#if cost}
+				<TextInput id="cost-amount-input" value={costAmount} disabled>
 					<CopyButton data={String(costAmount)} />
-				</button>
-			</div>
+				</TextInput>
+			{/if}
 		</fieldset>
 
 		<fieldset class="grid gap-2">
 			<Label for="memo-input">Transfer Memo</Label>
-			<div class="relative">
-				<TextInput id="memo-input" value={memo} disabled />
-				<button
-					type="button"
-					class="absolute inset-y-0 right-0 z-10 flex select-none items-center gap-1 rounded-md bg-black bg-transparent px-4 text-skyBlue-500 hover:text-skyBlue-300 focus:outline-none focus-visible:ring focus-visible:ring-inset focus-visible:ring-solar-500"
-				>
-					<CopyButton data={String(memo)} />
-				</button>
-			</div>
+
+			<TextInput id="memo-input" value={memo} disabled>
+				<CopyButton data={String(memo)} />
+			</TextInput>
 		</fieldset>
 
 		<p class="flex gap-2">