From 5638a2fa2b1e9e77008721c572d1572c048928f7 Mon Sep 17 00:00:00 2001
From: Junyi <mytharcher@users.noreply.github.com>
Date: Thu, 13 Jul 2023 12:32:00 +0700
Subject: [PATCH] fix(plugin-workflow): fix job button style (#2243)

---
 .../plugins/workflow/src/client/nodes/index.tsx     |  3 ++-
 packages/plugins/workflow/src/client/style.tsx      | 13 +++++--------
 .../plugins/workflow/src/client/triggers/index.tsx  |  1 +
 3 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/packages/plugins/workflow/src/client/nodes/index.tsx b/packages/plugins/workflow/src/client/nodes/index.tsx
index ca6f783838..9e2da71a48 100644
--- a/packages/plugins/workflow/src/client/nodes/index.tsx
+++ b/packages/plugins/workflow/src/client/nodes/index.tsx
@@ -235,7 +235,7 @@ function InnerJobButton({ job, ...props }) {
   const { icon, color } = JobStatusOptionsMap[job.status];
 
   return (
-    <Button {...props} shape="circle" className={cx(nodeJobButtonClass, props.className)}>
+    <Button {...props} shape="circle" size="small" className={cx(nodeJobButtonClass, props.className)}>
       <Tag color={color}>{icon}</Tag>
     </Button>
   );
@@ -279,6 +279,7 @@ export function JobButton() {
               <div
                 className={css`
                   display: flex;
+                  align-items: center;
                   gap: 0.5em;
 
                   time {
diff --git a/packages/plugins/workflow/src/client/style.tsx b/packages/plugins/workflow/src/client/style.tsx
index abed7f1bb5..c94e528e77 100644
--- a/packages/plugins/workflow/src/client/style.tsx
+++ b/packages/plugins/workflow/src/client/style.tsx
@@ -241,14 +241,10 @@ export const nodeCardClass = css`
 export const nodeJobButtonClass = css`
   display: flex;
   position: absolute;
-  top: 1.25em;
-  right: 1.25em;
-  width: 1.25rem;
-  height: 1.25rem;
-  min-width: 1.25rem;
+  top: calc(1em - 1px);
+  right: 1em;
   justify-content: center;
   align-items: center;
-  font-size: 0.8em;
   color: #fff;
 
   &[type='button'] {
@@ -261,8 +257,9 @@ export const nodeJobButtonClass = css`
 
   .ant-tag {
     padding: 0;
-    width: 100%;
-    line-height: 18px;
+    width: 24px;
+    height: 24px;
+    line-height: 22px;
     margin-right: 0;
     border-radius: 50%;
     text-align: center;
diff --git a/packages/plugins/workflow/src/client/triggers/index.tsx b/packages/plugins/workflow/src/client/triggers/index.tsx
index 00eea82b8b..873a94270d 100644
--- a/packages/plugins/workflow/src/client/triggers/index.tsx
+++ b/packages/plugins/workflow/src/client/triggers/index.tsx
@@ -83,6 +83,7 @@ function TriggerExecution() {
         'x-component-props': {
           title: <InfoOutlined />,
           shape: 'circle',
+          size: 'small',
           className: nodeJobButtonClass,
           type: 'primary',
         },