From 22f0f9d04811ffd20340cb51eebd38174913b604 Mon Sep 17 00:00:00 2001
From: William Harris <will_harris@tsco.org>
Date: Mon, 25 Sep 2023 18:02:22 -0700
Subject: [PATCH] rebased on develop and adjusted button styling to be more
 responsive

---
 .../ProgressReports/Detail/WorkflowCard.tsx   | 20 +++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/scenes/ProgressReports/Detail/WorkflowCard.tsx b/src/scenes/ProgressReports/Detail/WorkflowCard.tsx
index 407f1014de..d21c72b81f 100644
--- 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>