diff --git a/frontend/src/components/forms/MovieUploadForm.tsx b/frontend/src/components/forms/MovieUploadForm.tsx index fbcb0b04f..b51614770 100644 --- a/frontend/src/components/forms/MovieUploadForm.tsx +++ b/frontend/src/components/forms/MovieUploadForm.tsx @@ -19,6 +19,7 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { Button, Checkbox, + createStyles, Divider, MantineColor, Stack, @@ -78,12 +79,21 @@ interface Props { onComplete?: () => void; } +const useStyles = createStyles((theme) => { + return { + wrapper: { + overflowWrap: "anywhere", + }, + }; +}); + const MovieUploadForm: FunctionComponent = ({ files, movie, onComplete, }) => { const modals = useModals(); + const { classes } = useStyles(); const profile = useLanguageProfileBy(movie.profileId); @@ -279,7 +289,7 @@ const MovieUploadForm: FunctionComponent = ({ modals.closeSelf(); })} > - + diff --git a/frontend/src/components/forms/SeriesUploadForm.tsx b/frontend/src/components/forms/SeriesUploadForm.tsx index 784baf8a5..5ce9c821a 100644 --- a/frontend/src/components/forms/SeriesUploadForm.tsx +++ b/frontend/src/components/forms/SeriesUploadForm.tsx @@ -23,6 +23,7 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { Button, Checkbox, + createStyles, Divider, MantineColor, Stack, @@ -85,12 +86,21 @@ interface Props { onComplete?: VoidFunction; } +const useStyles = createStyles((theme) => { + return { + wrapper: { + overflowWrap: "anywhere", + }, + }; +}); + const SeriesUploadForm: FunctionComponent = ({ series, files, onComplete, }) => { const modals = useModals(); + const { classes } = useStyles(); const episodes = useEpisodesBySeriesId(series.sonarrSeriesId); const episodeOptions = useSelectorOptions( episodes.data ?? [], @@ -358,7 +368,7 @@ const SeriesUploadForm: FunctionComponent = ({ modals.closeSelf(); })} > - + diff --git a/frontend/src/components/tables/BaseTable.tsx b/frontend/src/components/tables/BaseTable.tsx index e41a2d313..6ec49e61a 100644 --- a/frontend/src/components/tables/BaseTable.tsx +++ b/frontend/src/components/tables/BaseTable.tsx @@ -24,7 +24,6 @@ const useStyles = createStyles((theme) => { display: "block", maxWidth: "100%", overflowX: "auto", - overflowWrap: "anywhere", }, table: { borderCollapse: "collapse",