Fixes checkbox field width problems

This commit is contained in:
Aaron Louie 2020-07-22 17:22:28 -04:00
parent 49ddb4cd79
commit 86101375b2
1 changed files with 8 additions and 2 deletions

View File

@ -214,7 +214,7 @@ select.multi {
.form-field { .form-field {
display: flex; display: flex;
width: 100%; max-width: 100vw;
margin-bottom: 40px; margin-bottom: 40px;
padding: 2em; padding: 2em;
@ -227,15 +227,21 @@ select.multi {
.form-field-input { .form-field-input {
width: 30%; width: 30%;
text-align: left; text-align: left;
margin-right: 40px; margin-right: 24px;
} }
.form-field-label { .form-field-label {
font-weight: bold; font-weight: bold;
text-align: right;
} }
.form-field-input input { .form-field-input input {
width: 100%; width: 100%;
text-align: left;
&[type=checkbox] {
width: 24px;
}
} }
.form-field-help { .form-field-help {