From 4e66a60e11cebc683239a6608c9c307f5a1b0e7f Mon Sep 17 00:00:00 2001
From: David <63931154+dav1312@users.noreply.github.com>
Date: Sat, 25 Apr 2026 13:58:32 +0200
Subject: [PATCH 1/3] style(ui): adjust side panel border-radii and center main
 background image

- Remove border-radius from side panels where they meet the screen edges to ensure a flush, "docked" appearance against the viewport wall.
- Center the main background image for better visual placement on small screens.
---
 src/routes/Discover/styles.less              | 2 +-
 src/routes/MetaDetails/styles.less           | 4 ++--
 src/routes/Player/SideDrawer/SideDrawer.less | 2 --
 3 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/routes/Discover/styles.less b/src/routes/Discover/styles.less
index a79e5ad38..71f67e219 100644
--- a/src/routes/Discover/styles.less
+++ b/src/routes/Discover/styles.less
@@ -214,7 +214,7 @@
             align-self: stretch;
             width: 29rem;
             padding: 2rem 2.5rem;
-            border-radius: var(--border-radius) 0 0 var(--border-radius);
+            border-radius: var(--border-radius) 0 0 0;
             background-color: var(--modal-background-color);
         }
     }
diff --git a/src/routes/MetaDetails/styles.less b/src/routes/MetaDetails/styles.less
index 82740275b..d77cc3902 100644
--- a/src/routes/MetaDetails/styles.less
+++ b/src/routes/MetaDetails/styles.less
@@ -32,7 +32,7 @@
             width: 100%;
             height: 100%;
             object-fit: cover;
-            object-position: top left;
+            object-position: center;
             opacity: 0.3;
         }
     }
@@ -102,7 +102,7 @@
         .videos-list, .streams-list {
             flex: 0 0 30rem;
             align-self: stretch;
-            border-radius: var(--border-radius) 0 0 var(--border-radius);
+            border-radius: var(--border-radius) 0 0 0;
             background-color: rgba(0, 0, 0, 0.4);
             backdrop-filter: blur(15px);
         }
diff --git a/src/routes/Player/SideDrawer/SideDrawer.less b/src/routes/Player/SideDrawer/SideDrawer.less
index e6831a71d..49cd71575 100644
--- a/src/routes/Player/SideDrawer/SideDrawer.less
+++ b/src/routes/Player/SideDrawer/SideDrawer.less
@@ -18,8 +18,6 @@
     max-width: 35rem;
     overflow-y: auto;
     position: relative;
-    border-top-left-radius: var(--border-radius);
-    border-bottom-left-radius: var(--border-radius);
     background-color: var(--modal-background-color);
     box-shadow: 0 1.35rem 2.7rem var(--color-background-dark5-40), 0 1.1rem 0.85rem var(--color-background-dark5-20);
     backdrop-filter: blur(15px);

From 55904da5f06addad909974c19cb61e833fdd829e Mon Sep 17 00:00:00 2001
From: dav1312 <63931154+dav1312@users.noreply.github.com>
Date: Mon, 27 Apr 2026 23:01:10 +0200
Subject: [PATCH 2/3] style(ui): update background image alignment

---
 src/routes/MetaDetails/styles.less | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/routes/MetaDetails/styles.less b/src/routes/MetaDetails/styles.less
index 82740275b..866e0b64e 100644
--- a/src/routes/MetaDetails/styles.less
+++ b/src/routes/MetaDetails/styles.less
@@ -32,7 +32,7 @@
             width: 100%;
             height: 100%;
             object-fit: cover;
-            object-position: top left;
+            object-position: right;
             opacity: 0.3;
         }
     }
@@ -137,6 +137,12 @@
 
 @media only screen and (max-width: @minimum) {
     .metadetails-container {
+        .background-image-layer {
+            .background-image {
+                object-position: center;
+            }
+        }
+
         .metadetails-content {
             display: block;
             overflow-y: auto;

From 450229a40feaa875a132c0f9b04e7b4cc4b6d279 Mon Sep 17 00:00:00 2001
From: "Timothy Z." <timothy@stremio.com>
Date: Tue, 28 Apr 2026 11:48:06 +0300
Subject: [PATCH 3/3] restore

---
 src/routes/Discover/styles.less              | 2 +-
 src/routes/MetaDetails/styles.less           | 2 +-
 src/routes/Player/SideDrawer/SideDrawer.less | 2 ++
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/routes/Discover/styles.less b/src/routes/Discover/styles.less
index 71f67e219..a79e5ad38 100644
--- a/src/routes/Discover/styles.less
+++ b/src/routes/Discover/styles.less
@@ -214,7 +214,7 @@
             align-self: stretch;
             width: 29rem;
             padding: 2rem 2.5rem;
-            border-radius: var(--border-radius) 0 0 0;
+            border-radius: var(--border-radius) 0 0 var(--border-radius);
             background-color: var(--modal-background-color);
         }
     }
diff --git a/src/routes/MetaDetails/styles.less b/src/routes/MetaDetails/styles.less
index f666f0dd7..866e0b64e 100644
--- a/src/routes/MetaDetails/styles.less
+++ b/src/routes/MetaDetails/styles.less
@@ -102,7 +102,7 @@
         .videos-list, .streams-list {
             flex: 0 0 30rem;
             align-self: stretch;
-            border-radius: var(--border-radius) 0 0 0;
+            border-radius: var(--border-radius) 0 0 var(--border-radius);
             background-color: rgba(0, 0, 0, 0.4);
             backdrop-filter: blur(15px);
         }
diff --git a/src/routes/Player/SideDrawer/SideDrawer.less b/src/routes/Player/SideDrawer/SideDrawer.less
index 318765dcb..31168db22 100644
--- a/src/routes/Player/SideDrawer/SideDrawer.less
+++ b/src/routes/Player/SideDrawer/SideDrawer.less
@@ -18,6 +18,8 @@
     max-width: 35rem;
     overflow-y: auto;
     position: relative;
+    border-top-left-radius: var(--border-radius);
+    border-bottom-left-radius: var(--border-radius);
     background-color: var(--modal-background-color);
     box-shadow: 0 1.35rem 2.7rem var(--color-background-dark5-40), 0 1.1rem 0.85rem var(--color-background-dark5-20);
     backdrop-filter: blur(15px);