Merge pull request #521 from cincodenada/login-multiline-mobile

Make login form wrap nicely on mobile
This commit is contained in:
Mouse Reeve 2021-01-13 19:31:36 -08:00 committed by GitHub
commit eb2d414321
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -127,17 +127,19 @@
<div class="column"> <div class="column">
<form name="login" method="post" action="/user-login"> <form name="login" method="post" action="/user-login">
{% csrf_token %} {% csrf_token %}
<div class="field is-grouped"> <div class="columns is-variable is-1">
<div class="control"> <div class="column">
<label class="is-sr-only" for="id_localname">Username:</label> <label class="is-sr-only" for="id_localname">Username:</label>
<input type="text" name="localname" maxlength="150" class="input" required="" id="id_localname" placeholder="username"> <input type="text" name="localname" maxlength="150" class="input" required="" id="id_localname" placeholder="username">
</div> </div>
<div class="control"> <div class="column">
<label class="is-sr-only" for="id_password">Username:</label> <label class="is-sr-only" for="id_password">Username:</label>
<input type="password" name="password" maxlength="128" class="input" required="" id="id_password" placeholder="password"> <input type="password" name="password" maxlength="128" class="input" required="" id="id_password" placeholder="password">
<p class="help"><a href="/password-reset">Forgot your password?</a></p> <p class="help"><a href="/password-reset">Forgot your password?</a></p>
</div> </div>
<button class="button is-primary" type="submit">Log in</button> <div class="column is-narrow">
<button class="button is-primary" type="submit">Log in</button>
</div>
</div> </div>
</form> </form>
</div> </div>