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
 /* ============================== */
@@ -188,8 +200,8 @@ div:has(> div > .emby-scroller-container) {
 
 /* 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;
+    padding-left: 5% !important;
+    padding-right: 5% !important;
 }
 
 /* Media title */
@@ -264,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 {
@@ -332,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 */
 }