title: How to change input box icon height to center?
body: <p>I have a login form on my website which could have been improved when it comes to keeping the input if it fails (username or email already exists). I came to think about some old registration forms that I'd seen a few months ago. I started working on some input boxes with color (border and icon background) and icons to change if the username or email exist, don't exist or while its searching. </p>
  
  <p>I have some problems with icon alignment i want to move the icon box all the way to the right without using <code>margin-right:-9px;</code>, I'm also gone be using font awesome icons instead of "X" but that shouldn't prove difficult if i get some help with the alignment.</p>
  
  <p>Could someone please have a look at the example and try to change the icon and icon background alignment?</p>
  
  <p><a href="http://codepen.io/AvatarRazor/pen/Eybqkp?editors=1100#0" rel="nofollow">http://codepen.io/AvatarRazor/pen/Eybqkp?editors=1100#0</a></p>