fix(frontend): fix children and parents overflow (#411)

add flex-wrap
openfoodfacts · Feb 15, 2024 · eb0f36a · eb0f36a
1 parent 7751319
commit eb0f36a
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/taxonomy-editor-frontend/src/pages/editentry/ListEntryChildren.tsx b/taxonomy-editor-frontend/src/pages/editentry/ListEntryChildren.tsx
@@ -123,7 +123,7 @@ const ListEntryChildren = ({ url, urlPrefix, setUpdateNodeChildren }) => {
       </Stack>
 
       {/* Renders parents or children of the node */}
-      <Stack direction="row">
+      <Stack direction="row" flexWrap="wrap">
         {relations.map((relationObject) => (
           <Stack
             key={relationObject["index"]}

diff --git a/taxonomy-editor-frontend/src/pages/editentry/ListEntryParents.tsx b/taxonomy-editor-frontend/src/pages/editentry/ListEntryParents.tsx
@@ -53,7 +53,7 @@ const ListEntryParents = ({ fetchUrl, linkHrefPrefix }: Props) => {
       <Typography sx={{ ml: 4, mb: 1 }} variant="h5">
         Parents
       </Typography>
-      <Stack direction="row">
+      <Stack direction="row" flexWrap="wrap">
         {relations.map((relation) => (
           <Link
             key={relation}