From dfe5518f385b502d9b15d10d75fbd2089c54be8e Mon Sep 17 00:00:00 2001
From: Tom Hacohen <tom@stosb.com>
Date: Tue, 14 Jan 2020 21:03:38 +0200
Subject: [PATCH] RRule: improve design a bit

---
 src/widgets/RRule.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/widgets/RRule.tsx b/src/widgets/RRule.tsx
index 97e29ef..f39ecae 100644
--- a/src/widgets/RRule.tsx
+++ b/src/widgets/RRule.tsx
@@ -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 });