Fix button layout

This commit is contained in:
Thomas Nordquist
2019-07-17 11:00:57 +02:00
parent 72020b02b8
commit 1c52aced63
4 changed files with 10 additions and 15 deletions

View File

@@ -28,15 +28,11 @@ export const RecursiveTopicDeleteButton = (props: {
}
return (
<Badge
style={{
top: '3px',
right: '3px',
}}
badgeContent={<span style={{ whiteSpace: 'nowrap' }}>{topicCount >= deleteLimit ? '50+' : topicCount}</span>}
color="secondary"
>
<CustomIconButton onClick={onClick} tooltip={`Deletes up to ${deleteLimit} sub-topics with a single click`}>
<Delete style={{ marginTop: '-3px' }} color="action" />
<Delete color="action" />
</CustomIconButton>
</Badge>
)

View File

@@ -13,7 +13,7 @@ export const TopicDeleteButton = (props: {
}
return (
<CustomIconButton onClick={() => props.deleteTopicAction(node)} tooltip="Clear this topic">
<Delete style={{ marginTop: '-3px' }} />
<Delete />
</CustomIconButton>
)
}