rattail/tailbone
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Tweak login form styles, so inputs are same size

Browse source
This commit is contained in:
Lance Edgar 2019-09-06 16:43:22 -05:00
parent 192c3c201d
commit cb4e9e9eda
2 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
tailbone/static/themes/falafel/css/forms.css
View file

@ -9,7 +9,8 @@
padding-left: 5em; padding-left: 5em;
} }
.field.is-horizontal .field-label .label { /* note that this should only apply to "normal" primary forms */
.form-wrapper .form .field.is-horizontal .field-label .label {
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
width: 18em; width: 18em;

6
tailbone/templates/login.mako
View file

@ -20,9 +20,11 @@
max-width: 800px; max-width: 800px;
} }
/* this "undoes" global styles for field labels */ /* must force a particular label with, in order to make sure */
/* the username and password inputs are the same size */
.field.is-horizontal .field-label .label { .field.is-horizontal .field-label .label {
width: auto; text-align: left;
width: 6rem;
} }
.buttons { .buttons {