sponsorship: Fix alignment of inputs in sponsorship form.

All the inputs of form has 'width: 100%' property but then
also the width of inputs were different because of box-sizing
property. The select input had 'box-sizing: border-box' style
but the others did not, so this commit adds this style to
the other inputs - text type input and the textarea input,
to fix the alignment.

Adding 'box-sizing: border-box' changes the actual height of
the normal text type input because the default input height
of 20px set by bootstrap now includes padding and border also,
so we add 'height: 30px' style to make its height same as the
select input.

Fixes #19332.
This commit is contained in:
Sahil Batra 2021-07-21 14:55:48 +05:30 committed by Tim Abbott
parent 3c024b2fba
commit 7662b088f5
1 changed files with 10 additions and 0 deletions

View File

@ -288,3 +288,13 @@ input[name="licenses"]::-webkit-inner-spin-button {
input[name="licenses"] {
appearance: textfield;
}
#sponsorship-form {
input {
box-sizing: border-box;
height: 30px;
}
textarea {
box-sizing: border-box;
}
}