Autocomplete search results are unattractive (or invisible, take your pick)

[boutell]

Autocomplete results were like this:

https://dl.dropboxusercontent.com/spa/jfyjetktfp495r1/0tu16let.png

(Note green bar indicating top result which is off the screen)

... In cases where the jquery autocomplete "flip" mode pushes up rather than down to avoid banging into the bottom of the screen, which would make results inaccessible. In general they are very generously padded and so even on very nice retina macbook pros you come very close to running out of screen space to read them.

We changed them to be like this:

https://dl.dropboxusercontent.com/spa/jfyjetktfp495r1/xav1pqkk.png

This fixes the functional problem, but at a cost in readability and attractiveness.

Ponder whether there's a better answer. Should we offer scrolling within the results? In any case, the best result should definitely be on the screen initially and easy to choose (which got a bit less true with the "flip" feature).

There may also be other possibilities for page pickers that go beyond autocomplete search, but we definitely need a robust answer based on autocomplete for pieces at a minimum.