Fixes lists floating through search box

[montymxb]

Some of the CSS that's used to render the Algolia autocomplete box doesn't exactly play very nicely with what's in the docs. This modifies the list CSS slightly to correct this issue. I've observed this in Firefox/Chrome/Safari, haven't checked Edge/IE but I suspect it may be in at least Edge as well.

The fix applied here is removing the relative positioning for li elements in the doc. This is to allow the + symbol to be absolutely positioned in front. With that change this also adjusts the before selector to create and position an inline-block entry that is not absolutely positioned. This puts it back in line, but to reposition it to how it was before the additional left & right margins were added.

Just for reference this is how it should look:

And this is how it looks when you happen to be over a list:

Note that this also happens with anchors:

This addresses the lists only for now, if this isn't merged in before I'll go back and take a look at the anchors too.

[flovilmart]

Okay. Not sure I understand the fix :p

[montymxb]

Haha, yeah css can be 'fun'. This patch didn't include anything for the little anchor links, I think I'll put something up for that later on. The big was the lists bleeding through.