diff --git a/src/containers/Template/List/Template.module.css b/src/containers/Template/List/Template.module.css index c642bc93e..2caedb74d 100644 --- a/src/containers/Template/List/Template.module.css +++ b/src/containers/Template/List/Template.module.css @@ -64,12 +64,6 @@ display: flex; align-items: center; justify-content: center; - gap: 0.5rem; -} - -.AlignCenter span { - display: flex; - align-items: flex-start; } .Status svg { @@ -136,7 +130,7 @@ border-radius: 24px; border: 1px solid #cccccc; display: flex; - width: 130px; + width: 140px; margin: auto; height: 36px !important; background: #ffffff; @@ -155,3 +149,9 @@ width: 20%; min-width: 100px; } + +.Select { + display: flex; + align-items: center; + justify-content: space-between; +} diff --git a/src/containers/Template/List/Template.tsx b/src/containers/Template/List/Template.tsx index 12b3ab031..030f3cd1d 100644 --- a/src/containers/Template/List/Template.tsx +++ b/src/containers/Template/List/Template.tsx @@ -160,11 +160,8 @@ export const Template = ({ case 'REJECTED': statusValue = (
- - - {t('Rejected')} - - + + {t('Rejected')}
); break; @@ -172,11 +169,8 @@ export const Template = ({ case 'FAILED': statusValue = (
- - - {t('Failed')} - - + + {t('Failed')}
); break; @@ -331,10 +325,15 @@ export const Template = ({ onChange={handleCheckedBox} className={styles.DropDown} data-testid="dropdown-template" + classes={{ + select: styles.Select, + }} > {statusList.map((status: any) => ( - + {status} + {status === 'Rejected' && } + {status === 'Failed' && } ))}