From 1ee1aa00a3a62d9ec4f19778c09df586bd43491e Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Wed, 2 Nov 2022 17:26:13 +0100
Subject: [PATCH] fix: copy input

---
 src/lib/components/copyInput.svelte | 32 +++++++++++++++--------------
 1 file changed, 17 insertions(+), 15 deletions(-)

diff --git a/src/lib/components/copyInput.svelte b/src/lib/components/copyInput.svelte
index 38e63c34c..65bd6bb81 100644
--- a/src/lib/components/copyInput.svelte
+++ b/src/lib/components/copyInput.svelte
@@ -22,21 +22,23 @@
     };
 </script>
 
-<div class="input-text-wrapper" style="--amount-of-buttons:1">
+<div>
     <label class:u-hide={!showLabel} class="label" for={label}>{label}</label>
-    <input {value} id={label} type="text" class="input-text" readonly />
-    <div class="options-list">
-        <button
-            type="button"
-            class="input-button"
-            aria-label="Click to copy."
-            on:click={copy}
-            on:mouseenter={() => setTimeout(() => (content = 'Click to copy'))}
-            use:tooltip={{
-                content,
-                hideOnClick: false
-            }}>
-            <span class="icon-duplicate" aria-hidden="true" />
-        </button>
+    <div class="input-text-wrapper" style="--amount-of-buttons:1">
+        <input {value} id={label} type="text" class="input-text" readonly />
+        <div class="options-list">
+            <button
+                type="button"
+                class="input-button"
+                aria-label="Click to copy."
+                on:click={copy}
+                on:mouseenter={() => setTimeout(() => (content = 'Click to copy'))}
+                use:tooltip={{
+                    content,
+                    hideOnClick: false
+                }}>
+                <span class="icon-duplicate" aria-hidden="true" />
+            </button>
+        </div>
     </div>
 </div>