From b87a5eb681e4d07793496d14d97d0b91c0bf0380 Mon Sep 17 00:00:00 2001
From: Raphael Odini <raphodn@users.noreply.github.com>
Date: Sun, 26 Jan 2025 18:21:19 +0100
Subject: [PATCH] refactor(Contribution assistant): improve the label card
 delete & chips display

---
 .../ContributionAssistantLabelList.vue           | 16 ++++++++--------
 src/components/ProofImageInputRow.vue            |  2 +-
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/ContributionAssistantLabelList.vue b/src/components/ContributionAssistantLabelList.vue
index fa48a691120..1b1f56f584a 100644
--- a/src/components/ContributionAssistantLabelList.vue
+++ b/src/components/ContributionAssistantLabelList.vue
@@ -12,22 +12,22 @@
           <v-img style="height:150px" :src="label.imageSrc" />
         </v-card-text>
         <v-divider />
-        <v-card-text>
-          <v-chip class="mr-1" label size="small" density="comfortable">
-            {{ $t('Common.Source') }} {{ label.boundingSource }}
-          </v-chip>
-          <PriceCountChip v-if="labelHasPrice(label)" :count="1" :withLabel="true" source="proof" />
-        </v-card-text>
-        <v-divider v-if="!labelHasPrice(label)" />
-        <v-card-actions v-if="!labelHasPrice(label)">
+        <v-card-actions>
+          <v-btn v-if="!$vuetify.display.smAndUp && !labelHasPrice(label)" color="error" variant="outlined" icon="mdi-delete" size="small" density="comfortable" :aria-label="$t('Common.Delete')" @click="removeLabel(index)" />
           <v-btn
+            v-else-if="!labelHasPrice(label)"
             color="error"
             variant="outlined"
             prepend-icon="mdi-delete"
+            size="small"
             @click="removeLabel(index)"
           >
             {{ $t('Common.Delete') }}
           </v-btn>
+          <v-chip class="mr-1" label size="small" density="comfortable" prepend-icon="mdi-information-outline">
+            {{ label.boundingSource }}
+          </v-chip>
+          <PriceCountChip v-if="labelHasPrice(label)" :count="1" :withLabel="true" source="proof" />
         </v-card-actions>
       </v-card>
     </v-col>
diff --git a/src/components/ProofImageInputRow.vue b/src/components/ProofImageInputRow.vue
index 260eda2ed92..969a5fe1fbc 100644
--- a/src/components/ProofImageInputRow.vue
+++ b/src/components/ProofImageInputRow.vue
@@ -57,7 +57,7 @@
         </v-card-text>
         <v-divider />
         <v-card-actions>
-          <v-btn v-if="!$vuetify.display.smAndUp" color="error" variant="outlined" icon="mdi-delete" size="small" density="comfortable" :aria-label="$t('Common.Search')" @click="removeImage(index)" />
+          <v-btn v-if="!$vuetify.display.smAndUp" color="error" variant="outlined" icon="mdi-delete" size="small" density="comfortable" :aria-label="$t('Common.Delete')" @click="removeImage(index)" />
           <v-btn
             v-else
             color="error"