Remove margin from virtuoso list item

margin breaks virtuosos height calculation
2024-05-23 13:50:54 +02:00
parent cf996d67bb
commit 1b408c8065
1 changed files with 2 additions and 3 deletions
--- a/src/components/chapter/ChapterCard.tsx
+++ b/src/components/chapter/ChapterCard.tsx
@@ -82,11 +82,10 @@ export const ChapterCard: React.FC<IProps> = (props: IProps) => {
        <li>
            <PopupState variant="popover" popupId="chapter-card-action-menu">
                {(popupState) => (
-                    <>
+                    <Stack sx={{ pt: 1, px: 1 }}>
                        <Card
                            sx={{
                                position: 'relative',
-                                margin: 1,
                                touchCallout: 'none',
                            }}
                        >
@@ -165,7 +164,7 @@ export const ChapterCard: React.FC<IProps> = (props: IProps) => {
                                )}
                            </Menu>
                        )}
-                    </>
+                    </Stack>
                )}
            </PopupState>
        </li>