Catalog pin icon too far from entity name, fix #4350

Signed-off-by: Roman <ixrock@gmail.com>
lensapp · Nov 16, 2021 · 6678eea · 6678eea
1 parent 385de46
commit 6678eea
Showing 1 changed file with 4 additions and 5 deletions.
diff --git 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/>  */