Merge pull request #1513 from afwillia/SWC-7222

SWC-7222 Fix mobile Access Action Required tab in Download Car
Sage-Bionetworks · Jan 24, 2025 · 8812651 · 8812651
2 parents 4f592a1 + 464d362
commit 8812651
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/...ynapse-react-client/src/components/DownloadCart/ActionRequiredCard/ActionRequiredCard.tsx b/...ynapse-react-client/src/components/DownloadCart/ActionRequiredCard/ActionRequiredCard.tsx
@@ -29,6 +29,9 @@ const ActionRequiredCardContainer: StyledComponent<PaperProps> = styled(Paper, {
   alignItems: 'center',
   gridTemplateColumns: '160px auto 200px',
   gap: theme.spacing(4),
+  [theme.breakpoints.down('sm')]: {
+    gridTemplateColumns: '1fr', // Single column layout for mobile
+  },
 }))
 
 /**
@@ -68,7 +71,7 @@ export function LoadingActionRequiredCard() {
     <ActionRequiredCardContainer>
       <Skeleton variant="rectangular" width={136} height={74} />
       <div>
-        <Skeleton width={320} />
+        <Skeleton width={250} />
         <Skeleton width={100} />
       </div>
       <Skeleton variant="rectangular" width={160} height={33} />