mirrors/bookwyrm
1
0
Fork 1
mirror of https://github.com/bookwyrm-social/bookwyrm.git synced 2025-01-03 05:48:44 +00:00
Code Issues Projects Releases Wiki Activity

Make login form wrap nicely on mobile

Browse source 
Changing to columns from a grouped form item isn't my favorite, but I
think it's okay, and it gets us better mobile behavior for free
This commit is contained in:
Joel Bradshaw 2021-01-13 19:14:01 -08:00
parent 8986af42d6
commit f985ca0576
1 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
bookwyrm/templates/layout.html
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>