crdschurch/crossroads.net — pull request #10 by tammygambrel (2014-07-22 18:54:21+00:00)
Title: MIL-356

Refining login menu form

Tab order should be username > password > login
Remove the input group and add icon to the end of the input field as done in m.crossroads.net/login
"Stay Logged In" should be checked by default and therefore keep the user logged in until they log out.
"Stay Logged In" should be all lower case and normal weight, not bold.
Remove "Login" heading from dropdown.
Add some space below the button so the drop down box does not bump up against the button. (similar to dropdown with pills in bootstrap)
Right edge of login dropdown and button should align
Add some space below the login button and the "Stay Logged In" checkbox (looks like it's missing the checkbox class used in bootstrap forms).
Change the button copy to read "Login"
After "Login" button is clicked, the state should change to "Logging In..." and the button is disabled.
The question mark links should blend with the input more, similar to the design on m.crossroads.net. You can probably still use addons but they will need styled to look like they are part of the input.
Menu form in mobile menu is too narrow. The login form should have the same margins as all other mobile menu items.
"autocorrect="off" autocapitalize="off"" should be used on the email login field.
label for "username" should be changed to "email"
Only the password field needs a question mark link. Remove the question mark link on the "username" field.
/login form should use col-sm-10 with offset of col-sm-offset-1