u

src/components/article/ArticleUnitEditorDialog.jsx

@@ -13,7 +13,7 @@ import List from '@mui/material/List';
 import ListItem from '@mui/material/ListItem';
 import ListItemButton from '@mui/material/ListItemButton';
 import ListItemText from '@mui/material/ListItemText';
-import TextField from '@mui/material/TextField';
+import TextInput from '../TextInput';
 import Typography from '@mui/material/Typography';
 import { StorageManagerContext } from '../../api/storageManagerContext';
 import { requireObject } from '../../utils/apiShape';
@@ -241,47 +241,38 @@ export default class ArticleUnitEditorDialog extends Component {
             </Box>
 
             <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1.5 }}>
-              <TextField
+              <TextInput
                 label="Name"
                 value={form.name}
                 onChange={(e) => this.handleField('name', e.target.value)}
-                size="small"
                 fullWidth
                 disabled={busy}
-                slotProps={{ inputLabel: { shrink: true } }}
               />
-              <TextField
+              <TextInput
                 label="Symbol"
                 value={form.symbol}
                 onChange={(e) => this.handleField('symbol', e.target.value)}
-                size="small"
                 fullWidth
                 disabled={busy}
-                slotProps={{ inputLabel: { shrink: true } }}
               />
-              <TextField
+              <TextInput
                 label="si"
                 value={form.si}
                 onChange={(e) => this.handleField('si', e.target.value)}
-                size="small"
                 fullWidth
                 disabled={busy}
-                slotProps={{ inputLabel: { shrink: true } }}
               />
-              <TextField
+              <TextInput
                 label="basesi"
                 value={form.basesi}
                 onChange={(e) => this.handleField('basesi', e.target.value)}
-                size="small"
                 fullWidth
                 disabled={busy}
-                slotProps={{ inputLabel: { shrink: true } }}
               />
-              <TextField
+              <TextInput
                 label="basesifactor"
                 value={form.basesifactor}
                 onChange={(e) => this.handleField('basesifactor', e.target.value)}
-                size="small"
                 fullWidth
                 disabled={busy}
                 error={
@@ -290,7 +281,6 @@ export default class ArticleUnitEditorDialog extends Component {
                     parseFactor(form.basesifactor) <= 0)
                 }
                 slotProps={{
-                  inputLabel: { shrink: true },
                   htmlInput: { inputMode: 'decimal' },
                 }}
               />