Applied itemsContainer styling from desktop to mobile as well

andromeda.css

@@ -90,6 +90,7 @@ div:has(> div > .emby-scroller-container) {
 /* ============================== */
 /*  Homepage
 /* ============================== */
+/* Center sections on desktop */
 .layout-desktop .sections > div {
     margin-left: auto;
     margin-right: auto;
@@ -98,6 +99,17 @@ div:has(> div > .emby-scroller-container) {
     padding-right: unset !important;
 }
 
+/* Match padding to other pages on mobile */
+.layout-mobile .verticalSection > * {
+    padding-left: 5% !important;
+    padding-right: 5% !important;
+}
+
+/* Remove margin in favour of flex gap */
+.itemsContainer > * {
+    margin: unset !important;
+}
+
 /* ============================== */
 /*  Media detail page
 /* ============================== */
@@ -186,6 +198,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: 5% !important;
+    padding-right: 5% !important;
+}
+
 /* Media title */
 .nameContainer h1 {
     /* Position on top of logo to keep link */
@@ -212,17 +230,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;
@@ -255,12 +276,17 @@ div:has(> div > .emby-scroller-container) {
     background: rgba(0,0,0,0);
 }
 .layout-desktop .detailPageContent {
-    padding: unset !important;
-
     width: 75%;
     margin-left: auto;
     margin-right: auto;
 }
+.layout-mobile .detailPageContent > div > * {
+    padding-left: 5% !important;
+    padding-right: 5% !important;
+}
+.detailPageContent {
+    padding: unset !important;
+}
 
 /* Disable right padding */
 .layout-desktop .detailPageContent .padded-right {
@@ -323,17 +349,17 @@ div:has(> div > .emby-scroller-container) {
 
 /* List of seasons */
 /* Replace margin with gap */
-.layout-desktop .itemsContainer {
+.itemsContainer {
+    display: flex;
     gap: 1.2em;
 }
-.layout-desktop .itemsContainer > .card > .cardBox {
+.itemsContainer > .card > .cardBox {
     margin-right: unset !important;
 }
-
-.layout-desktop .itemsContainer.padded-right:not(.padded-left) {
+.itemsContainer.padded-right:not(.padded-left) {
     padding: unset !important; /* Remove right padding if left padding is not present */
 }
-.layout-desktop .itemsContainer.vertical-wrap {
+.itemsContainer.vertical-wrap {
     justify-content: center; /* Only center if wrapping is enabled */
 }