Replace cover text links with icons

frontend/src/components/misc/Icon.ts

@@ -24,6 +24,8 @@ import {
 	faCocktail,
 	faCoffee,
 	faCog,
+	faCopy,
+	faDownload,
 	faEllipsisH,
 	faEllipsisV,
 	faExclamation,
@@ -130,6 +132,8 @@ library.add(faCocktail)
 library.add(faCoffee)
 library.add(faCog)
 library.add(faComments)
+library.add(faCopy)
+library.add(faDownload)
 library.add(faEllipsisH)
 library.add(faEllipsisV)
 library.add(faExclamation)

frontend/src/components/tasks/partials/attachments.vue

@@ -77,14 +77,14 @@
 								class="attachment-info-meta-button"
 								@click.prevent.stop="downloadAttachment(a)"
 							>
-								{{ $t('misc.download') }}
+								<icon icon="download" />
 							</BaseButton>
 							<BaseButton
 								v-tooltip="$t('task.attachment.copyUrlTooltip')"
 								class="attachment-info-meta-button"
 								@click.stop="copyUrl(a)"
 							>
-								{{ $t('task.attachment.copyUrl') }}
+								<icon icon="copy" />
 							</BaseButton>
 							<BaseButton
 								v-if="editEnabled"
@@ -92,18 +92,14 @@
 								class="attachment-info-meta-button"
 								@click.prevent.stop="setAttachmentToDelete(a)"
 							>
-								{{ $t('misc.delete') }}
+								<icon icon="trash-alt" />
 							</BaseButton>
 							<BaseButton
 								v-if="editEnabled"
 								class="attachment-info-meta-button"
 								@click.prevent.stop="setCoverImage(task.coverImageAttachmentId === a.id ? null : a)"
 							>
-								{{
+								<icon :icon="task.coverImageAttachmentId === a.id ? 'eye-slash' : 'eye'" />
-									task.coverImageAttachmentId === a.id
-										? $t('task.attachment.unsetAsCover')
-										: $t('task.attachment.setAsCover')
-								}}
 							</BaseButton>
 						</p>
 					</div>
@@ -425,6 +421,7 @@ async function setCoverImage(attachment: IAttachment | null) {
 
 .attachment-info-meta-button {
 	color: var(--link);
+	padding: 0 .25rem;
 }
 
 @keyframes bounce {