fix: show line spacing in summaries

EyeSeeTea · Oct 31, 2024 · 2091b58 · 2091b58
1 parent d8d4d41
commit 2091b58
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/src/webapp/components/form/form-summary/ActionPlanFormSummary.tsx b/src/webapp/components/form/form-summary/ActionPlanFormSummary.tsx
@@ -78,4 +78,5 @@ const SummaryContainer = styled.div`
     margin-top: 0rem;
     color: ${props => props.theme.palette.text.hint};
     gap: 1rem;
+    white-space: pre-line;
 `;
diff --git a/src/webapp/components/form/form-summary/FormSummary.tsx b/src/webapp/components/form/form-summary/FormSummary.tsx
@@ -127,4 +127,5 @@ const SummaryColumn = styled.div`
 
 const StyledType = styled(Typography)`
     color: ${props => props.theme.palette.text.hint};
+    white-space: pre-line;
 `;
diff --git a/src/webapp/pages/form-page/useForm.ts b/src/webapp/pages/form-page/useForm.ts
@@ -91,7 +91,14 @@ export function useForm(formType: FormType, id?: Id): State {
                     });
                 }
             );
-    }, [compositionRoot.getConfigurableForm, formType, id, currentEventTracker, configurations, existingEventTrackerTypes]);
+    }, [
+        compositionRoot.getConfigurableForm,
+        formType,
+        id,
+        currentEventTracker,
+        configurations,
+        existingEventTrackerTypes,
+    ]);
 
     const handleAddNew = useCallback(() => {
         if (formState.kind !== "loaded" || !configurableForm) return;