Tidy UI

Flagsmith · Oct 9, 2024 · ade5457 · ade5457
1 parent 2f684e7
commit ade5457
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 5 deletions.
diff --git a/frontend/web/components/ActionButton.tsx b/frontend/web/components/ActionButton.tsx
@@ -1,17 +1,23 @@
 import { FC } from 'react'
 import classNames from 'classnames'
 import Icon from './Icon'
-import Button from './base/forms/Button'
+import Button, { ButtonType } from './base/forms/Button'
 
 type ActionButtonType = {
   onClick: () => void
   'data-test'?: string
+  size?: ButtonType['size']
 }
 
-const ActionButton: FC<ActionButtonType> = ({ onClick, ...rest }) => {
+const ActionButton: FC<ActionButtonType> = ({
+  onClick,
+  size = 'xSmall',
+  ...rest
+}) => {
   return (
     <Button
-      className={classNames('btn btn-with-icon btn-xs')}
+      size={size}
+      className={classNames('btn btn-with-icon')}
       data-test={rest['data-test']}
       onClick={(e) => {
         e.stopPropagation()

diff --git a/frontend/web/components/UserAction.tsx b/frontend/web/components/UserAction.tsx
@@ -97,7 +97,7 @@ export const FeatureAction: FC<FeatureActionProps> = ({
   return (
     <div>
       <div ref={btnRef}>
-        <ActionButton onClick={() => setIsOpen(true)} />
+        <ActionButton size='small' onClick={() => setIsOpen(true)} />
       </div>
 
       {isOpen && (

diff --git a/frontend/web/components/pages/UsersAndPermissionsPage.tsx b/frontend/web/components/pages/UsersAndPermissionsPage.tsx
@@ -569,7 +569,7 @@ const UsersAndPermissionsInner: FC<UsersAndPermissionsInnerType> = ({
                                   style={{
                                     width: widths[2],
                                   }}
-                                  className='table-column text-end'
+                                  className='table-column d-flex justify-content-end'
                                 >
                                   <UserAction
                                     onRemove={onRemoveClick}