chore: fix button

Signed-off-by: Carina Ursu <[email protected]>
flyteorg · Apr 11, 2022 · 257471b · 257471b
1 parent f71658b
commit 257471b
Showing 1 changed file with 17 additions and 11 deletions.
diff --git a/src/components/Workflow/SearchableWorkflowNameList.tsx b/src/components/Workflow/SearchableWorkflowNameList.tsx
@@ -60,16 +60,17 @@ const useStyles = makeStyles((theme: Theme) => ({
     top: 0,
     position: 'absolute',
     height: '100%',
-    overflow: 'hidden',
-    borderRadius: '0px 16px 16px 0px', // to ensure that cancel button will have rounded corners on the right side
   },
   archiveCheckbox: {
     whiteSpace: 'nowrap',
   },
   centeredChild: {
     alignItems: 'center',
     padding: theme.spacing(2),
-    borderRadius: '0px 16px 16px 0px',
+    borderRadius: '50%',
+    top: '50%',
+    marginTop: -24,
+    marginRight: 24,
   },
   confirmationBox: {
     height: '100%',
@@ -81,6 +82,9 @@ const useStyles = makeStyles((theme: Theme) => ({
     borderRadius: 0,
     minWidth: '100px',
     minHeight: '53px',
+    '&:last-child': {
+      borderRadius: '0px 16px 16px 0px', // to ensure that cancel button will have rounded corners on the right side
+    },
   },
   container: {
     padding: theme.spacing(2),
@@ -253,14 +257,16 @@ const SearchableWorkflowNameItemActions: React.FC<SearchableWorkflowNameItemActi
             </Button>
           </div>
         ) : (
-          <IconButton
-            className={styles.centeredChild}
-            size="small"
-            title={t('archiveAction', isArchived)}
-            onClick={onArchiveClick}
-          >
-            {getArchiveIcon(isArchived)}
-          </IconButton>
+          <div>
+            <IconButton
+              className={styles.centeredChild}
+              size="small"
+              title={t('archiveAction', isArchived)}
+              onClick={onArchiveClick}
+            >
+              {getArchiveIcon(isArchived)}
+            </IconButton>
+          </div>
         )}
       </div>
     );