rebased on develop and adjusted button styling to be more responsive

SeedCompany · Sep 26, 2023 · 22f0f9d · 22f0f9d
1 parent a2caf44
commit 22f0f9d
Showing 1 changed file with 18 additions and 2 deletions.
diff --git a/src/scenes/ProgressReports/Detail/WorkflowCard.tsx b/src/scenes/ProgressReports/Detail/WorkflowCard.tsx
@@ -26,8 +26,24 @@ export const WorkflowCard = ({ report, ...rest }: WorkflowCardProps) => {
             justifyContent: 'space-between',
           }}
         >
-          <ButtonLink to="workflow-history">View History</ButtonLink>
-          <Typography variant="caption" sx={{ color: 'text.secondary', pr: 1 }}>
+          <ButtonLink
+            to="workflow-history"
+            sx={{ whiteSpace: 'nowrap', minWidth: 'max-content' }}
+          >
+            View History
+          </ButtonLink>
+          <Typography
+            variant="caption"
+            sx={{
+              color: 'text.secondary',
+              pr: 1,
+              pl: { sm: 5 },
+              display: { xs: 'flex', sm: 'block' },
+              flexDirection: 'column',
+              justifyContent: 'center',
+              alignItems: 'center',
+            }}
+          >
             Updated by {lastWorkflowEvent.who.value?.fullName}{' '}
             <RelativeDateTime date={lastWorkflowEvent.at} />
           </Typography>