diff --git a/apps/client/src/views/cuesheet/cuesheet-table/cuesheet-table-elements/GhostedText.module.scss b/apps/client/src/views/cuesheet/cuesheet-table/cuesheet-table-elements/GhostedText.module.scss index 905f61c91..8868aa68d 100644 --- a/apps/client/src/views/cuesheet/cuesheet-table/cuesheet-table-elements/GhostedText.module.scss +++ b/apps/client/src/views/cuesheet/cuesheet-table/cuesheet-table-elements/GhostedText.module.scss @@ -4,3 +4,7 @@ padding-top: 0.25em; width: 100%; } + +.multiline { + white-space: break-spaces; +} diff --git a/apps/client/src/views/cuesheet/cuesheet-table/cuesheet-table-elements/GhostedText.tsx b/apps/client/src/views/cuesheet/cuesheet-table/cuesheet-table-elements/GhostedText.tsx index 56f3bcf35..ba9a852f8 100644 --- a/apps/client/src/views/cuesheet/cuesheet-table/cuesheet-table-elements/GhostedText.tsx +++ b/apps/client/src/views/cuesheet/cuesheet-table/cuesheet-table-elements/GhostedText.tsx @@ -2,6 +2,10 @@ import { PropsWithChildren } from 'react'; import style from './GhostedText.module.scss'; -export default function GhostedText({ children }: PropsWithChildren) { - return