mirror of https://github.com/zulip/zulip.git
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:
parent
3c024b2fba
commit
7662b088f5
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue