Login dialog and 1Password confusion

[gugrim]

Because of the ordering of the login button elements in the Login dialog, when 1Password in Chrome autofills, Roda switches to password recovery instead of logging in.

This HTML causes problems:

<div class="login-buttons">
    <button type="button" class="gwt-Button btn btn-link login-link">Recover password</button>
    <button type="button" class="gwt-Button btn btn-link login-link">Sign up</button>
    <button type="button" class="gwt-Button btn btn-play login-button">Login</button>
    <button type="button" class="gwt-Button btn btn-link login-link" aria-hidden="true" style="display: none;">Resend verification email</button>
</div>

By moving the login button up, 1Password works fine:

<div class="login-buttons">
    <button type="button" class="gwt-Button btn btn-play login-button">Login</button>
    <button type="button" class="gwt-Button btn btn-link login-link">Recover password</button>
    <button type="button" class="gwt-Button btn btn-link login-link">Sign up</button>
    <button type="button" class="gwt-Button btn btn-link login-link" aria-hidden="true" style="display: none;">Resend verification email</button>
</div>

Since the layout is controlled by css, the dialog still looks the same.

Haven't tested with other password managers. 1Password works fine in Firefox since Firefox doesn't "push" any button.