diff options
author | LASER-Yi <[email protected]> | 2022-09-27 22:03:30 +0800 |
---|---|---|
committer | LASER-Yi <[email protected]> | 2022-09-27 22:03:46 +0800 |
commit | e8d3b6f0dd417e504ee80f3729634080f67d8d11 (patch) | |
tree | a910ca9a05177179852448a7588e0ef8d0860ddb | |
parent | 571f9a195c540a6fbcbaecf2677a3b342d9cb158 (diff) | |
download | bazarr-e8d3b6f0dd417e504ee80f3729634080f67d8d11.tar.gz bazarr-e8d3b6f0dd417e504ee80f3729634080f67d8d11.zip |
Fix popover width in the manual search modal
-rw-r--r-- | frontend/src/components/modals/ManualSearchModal.tsx | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/frontend/src/components/modals/ManualSearchModal.tsx b/frontend/src/components/modals/ManualSearchModal.tsx index 45c2c0ceb..d6d469cb7 100644 --- a/frontend/src/components/modals/ManualSearchModal.tsx +++ b/frontend/src/components/modals/ManualSearchModal.tsx @@ -237,7 +237,7 @@ const StateIcon: FunctionComponent<{ matches: string[]; dont: string[] }> = ({ const { ref, hovered } = useHover(); return ( - <Popover opened={hovered} position="top"> + <Popover opened={hovered} position="top" width={360} withArrow> <Popover.Target> <Text color={hasIssues ? "yellow" : "green"} ref={ref}> <FontAwesomeIcon @@ -246,8 +246,8 @@ const StateIcon: FunctionComponent<{ matches: string[]; dont: string[] }> = ({ </Text> </Popover.Target> <Popover.Dropdown> - <Group align="flex-start" spacing="xl"> - <Stack align="flex-start" spacing="xs"> + <Group position="left" spacing="xl" noWrap grow> + <Stack align="flex-start" justify="flex-start" spacing="xs" mb="auto"> <Text color="green"> <FontAwesomeIcon icon={faCheck}></FontAwesomeIcon> </Text> @@ -257,7 +257,7 @@ const StateIcon: FunctionComponent<{ matches: string[]; dont: string[] }> = ({ ))} </List> </Stack> - <Stack align="flex-start" spacing="xs"> + <Stack align="flex-start" justify="flex-start" spacing="xs" mb="auto"> <Text color="yellow"> <FontAwesomeIcon icon={faTimes}></FontAwesomeIcon> </Text> |