diff --git a/holy-grail-frontend/src/components/Combobox/Combobox.tsx b/holy-grail-frontend/src/components/Combobox/Combobox.tsx index 46659f97..3e89c8c2 100644 --- a/holy-grail-frontend/src/components/Combobox/Combobox.tsx +++ b/holy-grail-frontend/src/components/Combobox/Combobox.tsx @@ -1,4 +1,4 @@ -import { Autocomplete, AutocompleteProps, TextField } from '@mui/material'; +import { Autocomplete, AutocompleteProps, TextField, Typography } from '@mui/material'; import { SyntheticEvent } from 'react'; import { CommonType } from '@api/library'; @@ -47,7 +47,16 @@ export const Combobox = ({ } }} renderInput={(params) => ( - + + {helperText} + + } + /> )} isOptionEqualToValue={(option: string | CommonType, value: string | CommonType) => typeof option !== 'string' && typeof value !== 'string' ? option.id === value.id : false diff --git a/holy-grail-frontend/src/features/Upload/UploadNote.css b/holy-grail-frontend/src/features/Upload/UploadNote.css index aa2b4e69..231ca6ab 100644 --- a/holy-grail-frontend/src/features/Upload/UploadNote.css +++ b/holy-grail-frontend/src/features/Upload/UploadNote.css @@ -72,7 +72,7 @@ .note-combobox { flex: 1 1 0; width: 100%; - margin-bottom: 12px; + margin-bottom: 16px; }