Active and hover state UI issues

[droidery]

1) Page overflows container

The CSS rule (body) is making the container span greater than 100% of the screen width:
body {
padding: 8px;
}

Visually notice how the border on the right hand side runs off the screen:

When you use uBlock on a small screen, the problem is gap is more apparent.

Also if you middle click your mouse, you can pan the document by 8px left and right:

2) When clicking into a field, the design of the field changes to the old "border-style" input.

Compare the active state (yellow with old borders) vs. inactive state (new borders), the left and bottom borders appear to disappear when clicking into an input field.

3) Hovering over the question mark makes it disappear:

Notice how hovering over the icon makes it disappear (yet still leaving behind a shadow).

4) Plus toggle button does not work

Using the last toggle button (+ button) does not do anything. Notice how I can toggle from "-" to "+" yet nothing on the screen changes.

Visible in uBlock 0.9.3.5 (beta)

[droidery]

@chrisaljoudi I added a couple more issues I noticed too.

Thanks

[chrisaljoudi]

Fixed in 323dc5f.

One note, though: as far as the last +/- toggle, that's actually "working" (it would show a list of custom filter lists if you had any in the box below).

I agree that it's very confusing; just wanted to let you know, though. I'll figure out something better for it. :)

[chrisaljoudi]

@droidery Just noticed some of the ones you added — sorry. Let me see.

[chrisaljoudi]

@droidery alright; 25d0611 should've completed this. :)

[droidery]

Thanks @chrisaljoudi Will look forward to it in the next build