Improving Nucleus CMS search form

Vota este artículo

May be it passed unnoticed, but sincerely, its very very odd. The input field doesn’t reach the end, and the send form button, moves unnecessarily to the left.

20140417-improving-css-search-form-default-nucleus-cms-facemash-es-01

Let’s make some improvements. Just made some magic modifying the width from input field, and then modified the display option to inline element, so that way could share same line with the send form button.

20140417-improving-css-search-form-default-nucleus-cms-facemash-es-00

Obviously, some width adjustment for the send button must be done, and some padding reduction because it was visually bigger then input field.

20140417-improving-css-search-form-default-nucleus-cms-facemash-es-02

Way better in my honest opinion.

Share on FacebookTweet about this on TwitterPin on PinterestShare on LinkedInShare on Google+

Deja un comentario