From 103298ecd1c5581cf54176ccc88d1daf8101b12b Mon Sep 17 00:00:00 2001
From: Julius Härtl <jus@bitgrid.net>
Date: Thu, 14 Feb 2019 14:56:36 +0100
Subject: Use icon-close to remove resources
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Julius Härtl <jus@bitgrid.net>
---
 apps/files_sharing/src/components/CollectionListItem.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

(limited to 'apps')

diff --git a/apps/files_sharing/src/components/CollectionListItem.vue b/apps/files_sharing/src/components/CollectionListItem.vue
index ff28a7c1891..e6b307bfd84 100644
--- a/apps/files_sharing/src/components/CollectionListItem.vue
+++ b/apps/files_sharing/src/components/CollectionListItem.vue
@@ -47,7 +47,7 @@
 			<ul class="resource-list-details" v-if="detailsOpen">
 				<li v-for="resource in collection.resources">
 					<a :href="resource.link"><span :class="getIcon(resource)"></span><span class="resource-name">{{ resource.name || '' }}</span></a>
-					<span class="icon-delete" @click="removeResource(collection, resource)"></span>
+					<span class="icon-close" @click="removeResource(collection, resource)"></span>
 				</li>
 			</ul>
 		</transition>
@@ -168,6 +168,11 @@
 			li {
 				display: flex;
 				margin-left: 44px;
+				border-radius: 3px;
+
+				&:hover {
+					background-color: var(--color-background-dark);
+				}
 				a {
 					flex-grow: 1;
 					padding: 3px;
-- 
cgit v1.2.3