From 7ab5a2fdaf853b415e980100c8601520b1acdc6f Mon Sep 17 00:00:00 2001
From: Jari Vetoniemi <jari.vetoniemi@indooratlas.com>
Date: Thu, 5 Nov 2020 23:03:23 +0900
Subject: Move keywoard search field up

Bit better with mobile but not ideal still
---
 src/App.js | 20 ++++++++++----------
 1 file 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>
      </>
-- 
cgit v1.2.3