From 9fa17da6e995ea36b3eef24e51ab2b34439d5d62 Mon Sep 17 00:00:00 2001
From: "Timothy Z." <timothy@stremio.com>
Date: Wed, 23 Oct 2024 18:05:28 +0300
Subject: [PATCH] fix: minor styles issues

---
 src/routes/Settings/URLsManager/Item/Item.less  | 11 +++++++----
 src/routes/Settings/URLsManager/URLsManager.tsx |  4 ++--
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/routes/Settings/URLsManager/Item/Item.less b/src/routes/Settings/URLsManager/Item/Item.less
index 90e5c8048..e3a962472 100644
--- a/src/routes/Settings/URLsManager/Item/Item.less
+++ b/src/routes/Settings/URLsManager/Item/Item.less
@@ -67,9 +67,9 @@
 
         .delete {
             position: absolute;
+            display: flex;
             right: 1.5rem;
             top: 50%; 
-            display: none;
             gap: 0.5rem;
             padding: 0.5rem 0.25rem;
             align-items: center;
@@ -79,20 +79,21 @@
             border-radius: var(--border-radius);
             transform: translateY(-50%);
             width: 3rem;
-            opacity: 0.6;
 
             .icon {
                 width: 1.5rem;
                 height: 1.5rem;
+                opacity: 0;
+                transition: 0.3s all ease-in-out;
                 color: var(--primary-foreground-color);
             }
 
             &:hover {
                 background-color: var(--overlay-color);
-                opacity: 1;
 
                 .icon {
                     color: var(--color-trakt);
+                    opacity: 1 !important;
                 }
             }
         }
@@ -176,7 +177,9 @@
     
         .actions {
             .delete {
-                display: flex;
+                .icon {
+                    opacity: 0.6;
+                }
             }
         }
     }
diff --git a/src/routes/Settings/URLsManager/URLsManager.tsx b/src/routes/Settings/URLsManager/URLsManager.tsx
index 807ca561e..8cd740a02 100644
--- a/src/routes/Settings/URLsManager/URLsManager.tsx
+++ b/src/routes/Settings/URLsManager/URLsManager.tsx
@@ -34,8 +34,8 @@ const URLsManager = () => {
             </div>
             <div className={styles['content']}>
                 {
-                    streamingServerUrls.map((url: StreamingServerUrl, index: number) => (
-                        <Item mode={'view'} key={index} {...url} {...actions} />
+                    streamingServerUrls.map((item: StreamingServerUrl) => (
+                        <Item mode={'view'} key={item.url} {...item} {...actions} />
                     ))
                 }
                 {