Move keywoard search field up

Bit better with mobile but not ideal still

1 files changed, 10 insertions, 10 deletions

diff --git a/src/App.js b/src/App.js
index 28a133a..591b890 100644
--- a/src/App.js
+++ b/src/App.js
@@ -294,6 +294,16 @@ function ItemSearch(props) {
         </Paper>
         <Collapse in={menuOpen} timeout="auto" unmountOnExit>
            <Paper elevation={1} square style={{padding: 4, paddingLeft: 18, paddingRight: 18}}>
+              <Typography>{t('Keywords')}</Typography>
+              <Divider variant="middle"/>
+              <Autocomplete
+                 multiple
+                 id='keywords'
+                 options={keywords}
+                 getOptionLabel={(option) => option}
+                 defaultValue={[]}
+                 renderInput={(params) => <TextField {...params} variant="outlined"/>}
+              />
               <Typography>{t('Category')}</Typography>
               <Divider variant="middle"/>
               <FormGroup row style={{marginLeft: 18}}>
@@ -308,16 +318,6 @@ function ItemSearch(props) {
                     <FormControlLabel control={<Checkbox checked={cat.value} name={cat.key}/>}
                     label={t(cat.key)}/>)}
               </FormGroup>
-              <Typography>{t('Keywords')}</Typography>
-              <Divider variant="middle"/>
-              <Autocomplete
-                 multiple
-                 id='keywords'
-                 options={keywords}
-                 getOptionLabel={(option) => option}
-                 defaultValue={[]}
-                 renderInput={(params) => <TextField {...params} variant="outlined"/>}
-              />
            </Paper>
         </Collapse>
      </>