interface: fix flexbox for groupView button layout

This commit is contained in:
Matilde Park 2020-09-24 18:09:21 -04:00
parent 0496ef963e
commit 88b43ccaa8

View File

@ -25,16 +25,16 @@ class GroupMember extends Component<{ ship: Patp; options: any[] }, {}> {
return ( return (
<div className='flex justify-between f9 items-center'> <div className='flex justify-between f9 items-center'>
<div className='flex flex-column'> <div className='flex flex-column flex-shrink-0'>
<Text mono mr='2'>{`${cite(ship)}`}</Text> <Text mono mr='2'>{`${cite(ship)}`}</Text>
{children} {children}
</div> </div>
{options.length > 0 && ( {options.length > 0 && (
<Menu> <Menu>
<MenuButton sm>Options</MenuButton> <MenuButton width='min-content'>Options</MenuButton>
<MenuList> <MenuList>
{options.map(({ onSelect, text }) => ( {options.map(({ onSelect, text }) => (
<MenuItem onSelect={onSelect}>{text}</MenuItem> <MenuItem onSelect={onSelect}><Text fontsize='0'>{text}</Text></MenuItem>
))} ))}
</MenuList> </MenuList>
</Menu> </Menu>