From 75d52faedcffb02a16be8a6cf28037bebc5403eb Mon Sep 17 00:00:00 2001
From: ArneBo <arne@ecobasa.org>
Date: Thu, 16 Jan 2025 17:09:18 +0100
Subject: [PATCH] feat(front): label prop for CopyInput

---
 front/src/components/common/CopyInput.vue | 7 +++++--
 front/src/views/content/remote/Card.vue   | 3 ++-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/front/src/components/common/CopyInput.vue b/front/src/components/common/CopyInput.vue
index 88f32a570..949a0bccb 100644
--- a/front/src/components/common/CopyInput.vue
+++ b/front/src/components/common/CopyInput.vue
@@ -10,11 +10,13 @@ interface Props {
   value: string
   buttonClasses?: string
   id?: string
+  label: string
 }
 
 const props = withDefaults(defineProps<Props>(), {
   buttonClasses: 'accent',
-  id: 'copy-input'
+  id: 'copy-input',
+  label: 'label'
 })
 
 const { t } = useI18n()
@@ -36,6 +38,7 @@ const { copy, isSupported: canCopy, copied } = useClipboard({ source: value, cop
       readonly
       :name="id"
       type="text"
+      :label="label"
     >
       <template #input-right>
         <Button
@@ -73,4 +76,4 @@ p.message {
   bottom: -32px;
   right: 0px;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/front/src/views/content/remote/Card.vue b/front/src/views/content/remote/Card.vue
index 9917f834d..2cce1b6a5 100644
--- a/front/src/views/content/remote/Card.vue
+++ b/front/src/views/content/remote/Card.vue
@@ -266,11 +266,12 @@ const isOpen = ref(false)
     >
       <div class="ui form">
         <div class="field">
-          <label :for="library.fid">{{ t('views.content.remote.Card.label.sharingLink') }}</label>
+          <Spacer />
           <copy-input
             :id="library.fid"
             :button-classes="'basic'"
             :value="library.fid"
+            :label="t('views.content.remote.Card.label.sharingLink')"
           />
         </div>
       </div>