|
|
@@ -201,7 +201,7 @@ export const GrantSelector = (props: Props): JSX.Element => {
|
|
|
}
|
|
|
|
|
|
return (
|
|
|
- <>
|
|
|
+ <div className="d-flex flex-column">
|
|
|
{ myUserGroups.map((group) => {
|
|
|
const groupIsGranted = userRelatedGrantedGroups?.find(g => g.id === group.item._id) != null;
|
|
|
const activeClass = groupIsGranted ? 'active' : '';
|
|
|
@@ -220,8 +220,8 @@ export const GrantSelector = (props: Props): JSX.Element => {
|
|
|
</button>
|
|
|
);
|
|
|
}) }
|
|
|
- <button type="button" className="btn btn-primary mt-2 float-right" onClick={() => setIsSelectGroupModalShown(false)}>{t('Done')}</button>
|
|
|
- </>
|
|
|
+ <button type="button" className="btn btn-primary mt-2 mx-auto" onClick={() => setIsSelectGroupModalShown(false)}>{t('Done')}</button>
|
|
|
+ </div>
|
|
|
);
|
|
|
|
|
|
}, [currentUser?.admin, groupListItemClickHandler, myUserGroups, shouldFetch, t, userRelatedGrantedGroups]);
|