From 6678eea7f68cd45804a09463a42bb68a7312acd6 Mon Sep 17 00:00:00 2001
From: Roman <ixrock@gmail.com>
Date: Tue, 16 Nov 2021 14:15:34 +0200
Subject: [PATCH] Catalog pin icon too far from entity name, fix #4350

Signed-off-by: Roman <ixrock@gmail.com>
---
 src/renderer/components/+catalog/catalog.module.css | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/renderer/components/+catalog/catalog.module.css b/src/renderer/components/+catalog/catalog.module.css
index 587d1fd8c4b45..6189ce2b0a7fa 100644
--- a/src/renderer/components/+catalog/catalog.module.css
+++ b/src/renderer/components/+catalog/catalog.module.css
@@ -26,7 +26,7 @@
   }
 
   :global(.TableRow):hover .pinIcon {
-    display: block;
+    opacity: 1;
   }
 }
 
@@ -61,10 +61,9 @@
   }
 
   .pinIcon {
-    position: absolute;
-    right: 0;
-    transition: none;
-    display: none;
+    transition: opacity 250ms ease-in;
+    opacity: 0;
+    margin-left: var(--padding);
 
     &:hover {
       /* Drop styles defined for <Icon/>  */