From eee19b47e07893514d48f3798070688df6d98812 Mon Sep 17 00:00:00 2001
From: Samira <13108552+koninginsamira@users.noreply.github.com>
Date: Wed, 29 Apr 2026 22:58:40 +0200
Subject: [PATCH] Applied itemsContainer styling from desktop to mobile as well

---
 andromeda.css | 21 ++++++++++-----------
 1 file changed, 10 insertions(+), 11 deletions(-)

diff --git a/andromeda.css b/andromeda.css
index a56e765..5d384cd 100644
--- a/andromeda.css
+++ b/andromeda.css
@@ -98,17 +98,16 @@ div:has(> div > .emby-scroller-container) {
     padding-left: unset !important;
     padding-right: unset !important;
 }
+
 /* Match padding to other pages on mobile */
 .layout-mobile .verticalSection > * {
     padding-left: 5% !important;
     padding-right: 5% !important;
 }
-.layout-mobile .itemsContainer {
-  display: flex;
-  gap: 1em;
-}
-.layout-mobile .itemsContainer > * {
-  margin: unset !important;
+
+/* Remove margin in favour of flex gap */
+.itemsContainer > * {
+    margin: unset !important;
 }
 
 /* ============================== */
@@ -350,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 */
 }