Style search feature for map view

[jkwening]

Style scrollable list of input predictions for better user experience:

• bold place name or search query
• treat address as sub value and place under place name
• scrollable list should be hidden by default in primary map view; just search input available

On focus (user clicks on input box):

• [obsolete] hamburger icon (Add hamburger icon and directions icon to map view #179) should be replaced with a return icon which on click returns user to primary map view
• unhide / overlay scrollable list with default search history (cached search only if user isn't logged on) as options.

On input (user types a search query):

• scrollable list updates with predictions, include search history options that match current input along with result of input prediction

On submit (user hits enter or clicks on resulting options):

• update map to location of selection and add marker at the location

[khusbuchandra]

@jkwening , I struggle with style. I think it would be better if we mark the last 2 as complete and let someone else take this task up who can do a better job with it.

[jose8a]

How much preact do we need to know to work on this? I don't know any React, but would be interested in helping close some of these issues to help with the soft launch.

[motosharpley]

@jose8a we are using plain old vanilla css so the context might feel a little different but it's not so bad really, we would be stoked to have your help! At this point each component/route has it's own dedicated stylesheet held in the directory corresponding to that component and it's index.js file. Most items have at least a minimal amount of boiler plate set up that can be referenced to get a feel for the syntax of attaching id's and classes within the components jsx

[jose8a]

great! I'm almost done setting up my system so that I can run the project in it's latest form. Thanks!