RRule: improve design a bit

master
Tom Hacohen 5 years ago
parent 4b20a0db5f
commit dfe5518f38

@ -90,10 +90,12 @@ export default function RRule(props: PropsType) {
<>
<div style={{ display: 'flex' }}>
<FormControlLabel
style={{ marginRight: 0 }}
value={options.freq}
label="Repeat every :"
label="Repeat every"
labelPlacement="start"
control={<TextField
style={{ marginLeft: '0.5em', width: '4em' }}
type="number"
inputProps={{ min: 1, max: 1000 }}
value={options.interval}
@ -110,7 +112,7 @@ export default function RRule(props: PropsType) {
/>
<Select
value={options.freq}
style={{ alignSelf: 'flex-end', marginLeft: 20 }}
style={{ marginLeft: '0.5em' }}
onChange={(event: React.FormEvent<{ value: unknown }>) => {
const freq = (event.target as HTMLSelectElement).value as ICAL.FrequencyValues;
updateRule({ freq: freq });

Loading…
Cancel
Save