Matched media titles padding on mobile to homepage

andromeda.css

@@ -186,6 +186,12 @@ div:has(> div > .emby-scroller-container) {
     background: rgba(0,0,0,0) !important;
 }
 
+/* Add padding to titles on mobile */
+.layout-mobile .nameContainer > * {
+    padding-left: max(env(safe-area-inset-left),3.3%) !important;
+    padding-right: max(env(safe-area-inset-left),3.3%) !important;
+}
+
 /* Media title */
 .nameContainer h1 {
     /* Position on top of logo to keep link */
@@ -212,17 +218,20 @@ div:has(> div > .emby-scroller-container) {
     font-size: var(--logo-height);
 }
 
-/* Season */
+/* Episode title */
 .nameContainer h3.itemName.infoText.subtitle bdi {
     display: flex;
     flex-direction: column;
     place-items: center;
     gap: 1em;
+    font-size: larger;
+
+    /* Hide characters left by moving around season title */
     text-indent: -1ch;
     overflow: hidden;
-    font-size: larger;
 }
 
+/* Season title */
 .nameContainer h3.itemName.infoText.subtitle bdi [data-type="Season"] {
     text-indent: 0;
     font-size: .72em;