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">
<form name="login" method="post" action="/user-login">
{% csrf_token %}
<div class="field is-grouped">
<div class="control">
<div class="columns is-variable is-1">
<div class="column">
<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">
</div>
<div class="control">
<div class="column">
<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">
<p class="help"><a href="/password-reset">Forgot your password?</a></p>
</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>
</form>
</div>