fix inconsistent wrapping on list displaytype selector

This commit is contained in:
jeffvli
2026-07-25 20:45:02 -07:00
parent f8a0544ceb
commit d0710f3549
@@ -27,7 +27,7 @@ export const SONG_DISPLAY_TYPES: ListConfigMenuDisplayTypeConfig[] = [
const DISPLAY_TYPES = [ const DISPLAY_TYPES = [
{ {
label: ( label: (
<Group align="center" justify="center" p="sm"> <Group align="center" gap="sm" justify="center" p="sm" wrap="nowrap">
<Icon icon="layoutTable" size="lg" /> <Icon icon="layoutTable" size="lg" />
{i18n.t('table.config.view.table') as string} {i18n.t('table.config.view.table') as string}
</Group> </Group>
@@ -36,7 +36,7 @@ const DISPLAY_TYPES = [
}, },
{ {
label: ( label: (
<Group align="center" justify="center" p="sm"> <Group align="center" gap="sm" justify="center" p="sm" wrap="nowrap">
<Icon icon="layoutGrid" size="lg" /> <Icon icon="layoutGrid" size="lg" />
{i18n.t('table.config.view.grid') as string} {i18n.t('table.config.view.grid') as string}
</Group> </Group>
@@ -45,7 +45,7 @@ const DISPLAY_TYPES = [
}, },
{ {
label: ( label: (
<Group align="center" justify="center" p="sm"> <Group align="center" gap="sm" justify="center" p="sm" wrap="nowrap">
<Icon icon="layoutDetail" size="lg" /> <Icon icon="layoutDetail" size="lg" />
{i18n.t('table.config.view.detail') as string} {i18n.t('table.config.view.detail') as string}
</Group> </Group>