From e92d9ca0d90ae4d79a9f48c98209077ed97a5304 Mon Sep 17 00:00:00 2001
From: "Timothy Z." <timothy@stremio.com>
Date: Thu, 12 Dec 2024 15:26:50 +0200
Subject: [PATCH 1/3] refactor (URLsmanager): styles

---
 src/routes/Settings/URLsManager/Item/Item.less   | 14 ++++++--------
 src/routes/Settings/URLsManager/URLsManager.less |  7 ++++++-
 2 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/routes/Settings/URLsManager/Item/Item.less b/src/routes/Settings/URLsManager/Item/Item.less
index 81c6d6c17..f92fd621e 100644
--- a/src/routes/Settings/URLsManager/Item/Item.less
+++ b/src/routes/Settings/URLsManager/Item/Item.less
@@ -4,10 +4,10 @@
 
 .item {
     display: flex;
-    padding: 1rem 1.5rem;
-    border-radius: var(--border-radius);
+    padding: 0.7rem 1.5rem;
+    border-radius: 2.5rem;
     transition: 0.3s all ease-in-out;
-    background-color: transparent;
+    background-color: var(--overlay-color);
     border: 2px solid transparent;
     justify-content: space-between;
     position: relative;
@@ -100,7 +100,7 @@
     }
 
     &:hover {
-        background-color: var(--overlay-color);
+        border: 2px solid var(--overlay-color);
     
         .actions {
             .delete {
@@ -114,13 +114,11 @@
 
 @media only screen and (max-width: @minimum) {
     .item {
-        padding: 1rem 0.5rem;
+        padding: 0.7rem 1rem;
 
         .actions {
-            margin-right: 4rem;
-
             .delete {
-                right: 0.5rem;
+                right: 1rem;
 
                 .icon {
                     opacity: 0.6;
diff --git a/src/routes/Settings/URLsManager/URLsManager.less b/src/routes/Settings/URLsManager/URLsManager.less
index 440ec39b3..683ac029e 100644
--- a/src/routes/Settings/URLsManager/URLsManager.less
+++ b/src/routes/Settings/URLsManager/URLsManager.less
@@ -8,7 +8,8 @@
 
     .header {
         display: flex;
-        justify-content: space-around;
+        justify-content: space-between;
+        margin: 0 3rem;
         align-items: center;
         
         .label {
@@ -16,6 +17,10 @@
             color: var(--primary-foreground-color);
             font-weight: 400;
             opacity: 0.6;
+
+            &:last-of-type {
+                margin-right: 4rem;
+            }
         }
     }
 

From e23b7614681ff1a1b7bf9aba1064355f72245452 Mon Sep 17 00:00:00 2001
From: "Timothy Z." <timothy@stremio.com>
Date: Thu, 12 Dec 2024 18:38:31 +0200
Subject: [PATCH 2/3] refactor(RadioButton): remove margin

---
 src/common/RadioButton/RadioButton.less | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/common/RadioButton/RadioButton.less b/src/common/RadioButton/RadioButton.less
index 42e91b004..7e414a521 100644
--- a/src/common/RadioButton/RadioButton.less
+++ b/src/common/RadioButton/RadioButton.less
@@ -21,7 +21,6 @@
         cursor: pointer;
         outline: none;
         user-select: none;
-        margin-right: 0.75rem;
         outline-width: var(--focus-outline-size);
         outline-color: @color-surface-light5;
         outline-offset: calc(-1 * var(--focus-outline-size));

From 73f685621e1b5a3355c9a77866dbc7e443d85dea Mon Sep 17 00:00:00 2001
From: "Timothy Z." <timothy@stremio.com>
Date: Thu, 12 Dec 2024 18:42:29 +0200
Subject: [PATCH 3/3] refactor: use padding instead of margin

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

diff --git a/src/routes/Settings/URLsManager/Item/Item.less b/src/routes/Settings/URLsManager/Item/Item.less
index f92fd621e..1205555cc 100644
--- a/src/routes/Settings/URLsManager/Item/Item.less
+++ b/src/routes/Settings/URLsManager/Item/Item.less
@@ -34,7 +34,7 @@
     .actions {
         display: flex;
         gap: 1rem;
-        margin-right: 5rem;
+        padding-right: 4rem;
 
         .status {
             display: flex;
diff --git a/src/routes/Settings/URLsManager/URLsManager.less b/src/routes/Settings/URLsManager/URLsManager.less
index 683ac029e..fd0055d1c 100644
--- a/src/routes/Settings/URLsManager/URLsManager.less
+++ b/src/routes/Settings/URLsManager/URLsManager.less
@@ -9,7 +9,7 @@
     .header {
         display: flex;
         justify-content: space-between;
-        margin: 0 3rem;
+        padding: 0 3rem;
         align-items: center;
         
         .label {
@@ -19,7 +19,7 @@
             opacity: 0.6;
 
             &:last-of-type {
-                margin-right: 4rem;
+                padding-right: 3rem;
             }
         }
     }