Changed horizontal padding to 5%

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;
@@ -97,6 +98,18 @@ 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;
+}
 
 /* ============================== */
 /*  Media detail page
@@ -188,8 +201,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-left: 5% !important;
-    padding-right: max(env(safe-area-inset-left),3.3%) !important;
+    padding-right: 5% !important;
 }
 
 /* Media title */
@@ -264,12 +277,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 {