From ef7229d9c0e0df8d2eb3c5f9a596e4f9fd59fdb0 Mon Sep 17 00:00:00 2001 From: make-github-pseudonymous-again <5165674+make-github-pseudonymous-again@users.noreply.github.com> Date: Fri, 3 Jan 2025 08:59:36 +0100 Subject: [PATCH] :children_crossing: ux(``): Improve in-book number edit. Fixes #1036. --- imports/ui/consultations/ConsultationForm.tsx | 455 +++++++++--------- 1 file changed, 236 insertions(+), 219 deletions(-) diff --git a/imports/ui/consultations/ConsultationForm.tsx b/imports/ui/consultations/ConsultationForm.tsx index 9faa47f69..a6d05af51 100644 --- a/imports/ui/consultations/ConsultationForm.tsx +++ b/imports/ui/consultations/ConsultationForm.tsx @@ -14,6 +14,7 @@ import WarningIcon from '@mui/icons-material/Warning'; import LinkIcon from '@mui/icons-material/Link'; import LinkOffIcon from '@mui/icons-material/LinkOff'; import BlockIcon from '@mui/icons-material/Block'; +import Typography from '@mui/material/Typography'; import CircularProgress from '@mui/material/CircularProgress'; @@ -50,10 +51,9 @@ const StyledPaper = styled(Paper)(({theme}) => ({ padding: theme.spacing(3), })); -const TextArea = styled(TextField)(({theme}) => ({ - margin: theme.spacing(1), +const TextArea = styled(TextField)(() => ({ overflow: 'auto', - width: `calc(100% - ${theme.spacing(2)})`, + width: '100%', })); const defaultDate = '1970-01-01'; @@ -164,225 +164,242 @@ const ConsultationForm = ({consultation, update}: Props) => { const consultationYear = getYear(datetime); return ( - - - -