From 2045aea0bbf9f767edd8fed101a451a00c8ea506 Mon Sep 17 00:00:00 2001
From: Peter Bull Hove <peterbullhove@gmail.com>
Date: Thu, 14 Mar 2024 09:45:21 +0100
Subject: [PATCH] fix: padding on both sides of the progress bar. also more
 changes

---
 .../src/job/JobControl/JobControl.tsx            | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/packages/dm-core-plugins/src/job/JobControl/JobControl.tsx b/packages/dm-core-plugins/src/job/JobControl/JobControl.tsx
index b93190b07..57aa506f4 100644
--- a/packages/dm-core-plugins/src/job/JobControl/JobControl.tsx
+++ b/packages/dm-core-plugins/src/job/JobControl/JobControl.tsx
@@ -202,14 +202,22 @@ export const JobControl = (props: IUIPlugin) => {
             </div>
           )}
           <JobButtonWrapper>
-            <div className='flex items-center space-x-[1rem]'>
+            <div className='flex items-center space-x-2'>
               {getControlButton(status, remove, start, false, jobIsLoading)}
-              <div>
-                <p className='text-sm'>Status:</p>
+              <div
+                style={{
+                  width: '100px',
+                  display: 'flex',
+                  flexDirection: 'column',
+                  alignItems: 'center',
+                }}
+              >
+                <p className='text-sm text-center'>Status:</p>
                 <Chip variant={getVariant(status)} data-testid={'jobStatus'}>
                   {status ?? 'Not registered'}
                 </Chip>
               </div>
+
               {!internalConfig.hideLogs && <JobLog logs={logs} error={error} />}
             </div>
 
@@ -256,7 +264,7 @@ export const JobControl = (props: IUIPlugin) => {
           </JobButtonWrapper>
 
           {status === JobStatus.Running && progress !== null && (
-            <div className='ps-2'>
+            <div className='px-4 pb-2'>
               <Progress progress={progress} />
             </div>
           )}