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-right: max(env(safe-area-inset-left),3.3%) !important;
+    padding-left: 5% !important;
+    padding-right: 5% !important;
 }
 
 /* Media title */
@@ -225,15 +238,10 @@ div:has(> div > .emby-scroller-container) {
     place-items: center;
     gap: 1em;
     font-size: larger;
-    overflow: hidden;
-}
 
     /* Hide characters left by moving around season title */
-.layout-desktop .nameContainer h3.itemName.infoText.subtitle bdi {
     text-indent: -1ch;
-}
-.layout-mobile .nameContainer h3.itemName.infoText.subtitle bdi {
-    text-indent: -1.5ch;
+    overflow: hidden;
 }
 
 /* Season title */
@@ -269,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 {