fix: padding on both sides of the progress bar. also more changes

equinor · Mar 15, 2024 · 2045aea · 2045aea
1 parent 9976736
commit 2045aea
Showing 1 changed file with 12 additions and 4 deletions.
diff --git 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>
           )}