From abe98d6d59e378540ef45b5d33fe853f275323c2 Mon Sep 17 00:00:00 2001
From: loof2736 <joshwilberger27@gmail.com>
Date: Sat, 17 May 2025 13:21:30 -0400
Subject: [PATCH] Modified alignment of cards on details page for mobile

---
 CSS/scyfin-theme.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/CSS/scyfin-theme.css b/CSS/scyfin-theme.css
index d493595..b018be5 100644
--- a/CSS/scyfin-theme.css
+++ b/CSS/scyfin-theme.css
@@ -869,6 +869,9 @@ html,
     padding: 15px 20px 5px 20px !important;
     border-radius: var(--rounded-cards) !important;
 }
+.layout-mobile .detailPageContent {
+    padding-right: 0 !important;
+}
 
 /* Add card around description */
 .layout-desktop .detailSectionContent {
@@ -919,6 +922,9 @@ html,
 .layout-desktop .detailPagePrimaryContent {
     padding-left: 20.4vw !important;
 }
+.layout-mobile .detailPagePrimaryContent {
+    padding-right: 5% !important;
+}
 /* Padding for 2:3 posters */
 .layout-desktop .detailPageWrapperContainer:has(.detailImageContainer .portraitCard) .detailPagePrimaryContent {
     min-height: 29vw !important;