Forms design update

[r0ms]

Here are the new forms for tetra.
Concerning misplacement of icons, it came from the fact that I had to zoom out to take thoses screenshot ;)

[tregagnon]

I think the code used for the input with the help icon (the checkmark or the cross) should be changed.

The image is absolutely positioned above the input. It hides buttons added by Operating Systems to clear the input. IE11 adds a cross to clear the input, inside the input, where the icons are located. If I remember well, Safari also does it with search inputs.

I think we should try to achieve the same effect, but using the same technique than input-append. The icon would be next to the input element, so it will not hide the input's content, but visually would seem to be in the input.

[r0ms]

Good point and never thought of it when I was developping these changes.
From my point of view, these icons should be positiones outside. If on some browser (and I guess major browser), a default icon is added, having a double icon could be disturbing for the user.

[r0ms]

Done! This time we use almost the same technique than input-append (because it's not a btn but a simple div) for input with icons.
This branch looks forward to be merged but there is a LOT of conflicts with the last release...

[CarAuto34]

Ty