admin/accounts: wrap item if too long
Massimo Melina committed
May 30, 2022 at 14:08 UTC
df8e5c6d42c67ddbfccfdbe35810e88b0e0e0036
1 file changed
+4
-3
admin/src/AccountsPage.ts
+4
-3
@@ -15,8 +15,9 @@ import MenuButton from './MenuButton'
15
const useStyles = makeStyles({
16
label: {
17
display: 'flex',
18
+ flexWrap: 'wrap',
19
+ padding: '.2em 0',
20
gap: '.5em',
19
- lineHeight: '2em',
21
alignItems: 'center',
22
}
23
})
@@ -82,7 +83,7 @@ export default function AccountsPage() {
83
h(Button, { onClick: reload, startIcon: h(Refresh) }, "Reload"),
84
h(Typography, { p: 1 }, `${list.length} account(s)`),
85
) ),
85
- h(Grid, { item: true, md: 6, xl: 5, },
86
+ h(Grid, { item: true, md: 5 },
87
h(TreeView, {
88
multiSelect: true,
89
sx: { pr: 4, pb: 2, minWidth: '15em' },
@@ -107,7 +108,7 @@ export default function AccountsPage() {
108
)
109
),
110
sel.length > 0 // this clever test is true both when some accounts are selected and when we are in "new account" modes
110
- && h(Grid, { item: true, md: 6, xl: 7 },
111
+ && h(Grid, { item: true, md: 7 },
112
h(Card, {},
113
h(CardContent, {},
114
selectionMode && sel.length > 1 ? h(Box, {},