Merge pull request #25 from sillsdev/fix_label_textwrap

fix: allow labels to wrap (#25)
sillsdev · Oct 18, 2024 · 26fc324 · 26fc324
2 parents ac54067 + 95f4a32
commit 26fc324
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/components/language-chooser/react/language-chooser-react-mui/src/FormFieldLabel.tsx b/components/language-chooser/react/language-chooser-react-mui/src/FormFieldLabel.tsx
@@ -10,7 +10,13 @@ export const FormFieldLabel: React.FunctionComponent<
   } & InputLabelProps
 > = ({ label, required, ...inputLabelProps }) => {
   return (
-    <InputLabel {...inputLabelProps}>
+    <InputLabel
+      {...inputLabelProps}
+      css={css`
+        // Otherwise it is nowrap and the labels get in the way of horizontal shrinking on narrow screens
+        text-wrap: wrap;
+      `}
+    >
       <Typography
         css={css`
           color: ${COLORS.greys[3]};