From 462f8fda119f3e2a6233af28224002ffdb469f80 Mon Sep 17 00:00:00 2001
From: Marcel Klehr <mklehr@gmx.net>
Date: Sun, 30 Jul 2023 15:05:33 +0200
Subject: [PATCH] UI: Always align shared icon with folder icon

Signed-off-by: Marcel Klehr <mklehr@gmx.net>
---
 src/components/Folder.vue |  2 +-
 src/components/Item.vue   | 13 ++++++++++++-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/components/Folder.vue b/src/components/Folder.vue
index 0de70cad..bfc7c51b 100644
--- a/src/components/Folder.vue
+++ b/src/components/Folder.vue
@@ -232,7 +232,7 @@ export default {
 .folder__icon.shared {
 	transform: scale(0.4);
 	position: absolute;
-	top: 11px;
+	top: -1px;
 	height: auto;
 	width: auto;
 	left: -2px;
diff --git a/src/components/Item.vue b/src/components/Item.vue
index c09ca424..2197f807 100644
--- a/src/components/Item.vue
+++ b/src/components/Item.vue
@@ -26,7 +26,9 @@
 						:aria-label="selectLabel"
 						@click="$event.preventDefault(); $event.stopImmediatePropagation(); $emit('select');" />
 				</div>
-				<slot name="icon" />
+				<div class="item__icon">
+					<slot name="icon" />
+				</div>
 				<div class="item__labels">
 					<slot name="title" />
 					<slot name="tags">
@@ -250,6 +252,15 @@ export default {
 	padding: 0 8px 0 0;
 }
 
+.item__icon {
+	position: relative;
+}
+
+.item--gridview .item__icon {
+	top: -155px;
+	left: 110px;
+}
+
 .item--gridview  .item__rename {
 	padding: 0 8px 5px 10px;
 }