Let input stretch to fill space

This commit is contained in:
Luke Vella 2022-04-13 20:54:04 +01:00
parent 2810c049c2
commit 2b4a69efcf

View file

@ -76,14 +76,14 @@ const ParticipantRowForm: React.VoidFunctionComponent<ParticipantRowFormProps> =
className={clsx("flex shrink-0 h-14", className)} className={clsx("flex shrink-0 h-14", className)}
> >
{checkboxGroupHack} {checkboxGroupHack}
<div className="flex items-center px-4" style={{ width: sidebarWidth }}> <div className="flex items-center px-2" style={{ width: sidebarWidth }}>
<Controller <Controller
name="name" name="name"
rules={{ rules={{
validate: requiredString, validate: requiredString,
}} }}
render={({ field }) => ( render={({ field }) => (
<div className="-ml-2"> <div className="w-full">
<NameInput <NameInput
autoFocus={true} autoFocus={true}
className={clsx("w-full", { className={clsx("w-full", {