From 15d3e3ba529172afa75097671a9b804b8b9b72ed Mon Sep 17 00:00:00 2001
From: Samira <13108552+koninginsamira@users.noreply.github.com>
Date: Wed, 29 Apr 2026 19:23:31 +0200
Subject: [PATCH] Matched media titles padding on mobile to homepage

---
 andromeda.css | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/andromeda.css b/andromeda.css
index bd4cc8f..503127f 100644
--- a/andromeda.css
+++ b/andromeda.css
@@ -188,8 +188,8 @@ div:has(> div > .emby-scroller-container) {
 
 /* Add padding to titles on mobile */
 .layout-mobile .nameContainer > * {
-    padding-left: 1em !important;
-    padding-right: 1em !important;
+    padding-left: max(env(safe-area-inset-left),3.3%) !important;
+    padding-right: max(env(safe-area-inset-left),3.3%) !important;
 }
 
 /* Media title */
@@ -225,7 +225,7 @@ div:has(> div > .emby-scroller-container) {
     place-items: center;
     gap: 1em;
     font-size: larger;
-    
+
     /* Hide characters left by moving around season title */
     text-indent: -1ch;
     overflow: hidden;