Tweak styling

lsst-sqre · Apr 10, 2024 · 5c6ba22 · 5c6ba22
1 parent 3350a81
commit 5c6ba22
Showing 1 changed file with 4 additions and 6 deletions.
diff --git a/apps/squareone/src/components/TimesSquareGitHubPagePanel/ExecStats.js b/apps/squareone/src/components/TimesSquareGitHubPagePanel/ExecStats.js
@@ -27,12 +27,10 @@ export default function ExecStats({}) {
 
   if (htmlEvent.executionStatus == 'complete') {
     const dateFinished = parseISO(htmlEvent.dateFinished);
-    const formattedDuration = Number(htmlEvent.executionDuration).toPrecision(
-      1
-    );
+    const formattedDuration = Number(htmlEvent.executionDuration).toFixed(1);
     return (
       <StyledContainer>
-        <p>
+        <StyledContent>
           Computed{' '}
           <time
             dateTime={htmlEvent.dateFinished}
@@ -41,7 +39,7 @@ export default function ExecStats({}) {
             {formatDistanceToNow(dateFinished, { addSuffix: true })}
           </time>{' '}
           in {formattedDuration} seconds.
-        </p>
+        </StyledContent>
         <GhostButton onClick={handleRecompute}>Recompute</GhostButton>
       </StyledContainer>
     );
@@ -61,7 +59,7 @@ export default function ExecStats({}) {
 const StyledContainer = styled.div`
   display: flex;
   flex-direction: column;
-  gap: 1rem;
+  gap: 0.5rem;
   margin-top: 2rem;
 `;