From 39b633dcdf27856607729df97e4e6ec1695aabff Mon Sep 17 00:00:00 2001
From: Soufiane <soufiane@scinote.net>
Date: Tue, 9 Jan 2024 15:31:50 +0100
Subject: [PATCH] Fix delimiter spacing in items card [SCI-9950] (#6912)

---
 .../vue/repository_item_sidebar/RepositoryItemSidebar.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
index 0a8b2744a..32be83cd3 100644
--- a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
+++ b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
@@ -149,8 +149,8 @@
                     </div>
                     <div v-if="parentsCount">
                       <details v-for="(parent) in parents" @toggle="updateOpenState(parent.code, $event.target.open)" :key="parent.code" class="flex flex-col font-normal gap-4 group cursor-default">
-                        <summary class="flex flex-row gap-3 mb-4 items-center">
-                          <img :src="icons.delimiter_path" class="w-3 h-3 cursor-pointer self-start mt-1"
+                        <summary class="flex flex-row gap-3 mb-4 relative">
+                          <img :src="icons.delimiter_path" class="w-3 h-3 cursor-pointer flex-shrink-0 relative top-1"
                                :class="{ 'rotate-90': relationshipDetailsState[parent.code] }" />
                           <span>
                             <span>{{ i18n.t('repositories.item_card.relationships.item') }}</span>
@@ -196,9 +196,9 @@
                     <div v-if="childrenCount">
                       <details v-for="(child) in children" :key="child.code" @toggle="updateOpenState(child.code, $event.target.open)"
                                class="flex flex-col font-normal gap-4 group last-of-type:[&>p:last-child]:mb-0">
-                        <summary class="flex flex-row gap-3 mb-4 items-center"
+                        <summary class="flex flex-row gap-3 mb-4 relative"
                                  :class="{ 'group-last-of-type:mb-0': !relationshipDetailsState[child.code] }">
-                          <img :src="icons.delimiter_path" class="w-3 h-3 cursor-pointer self-start mt-1"
+                          <img :src="icons.delimiter_path" class="w-3 h-3 flex-shrink-0 cursor-pointer relative top-1"
                                :class="{ 'rotate-90': relationshipDetailsState[child.code] }"/>
                           <span class="group/child">
                             <span>{{ i18n.t('repositories.item_card.relationships.item') }}</span>