From 7662b088f5ba6a81c7b1ba9c0ff557e3d6eb4d28 Mon Sep 17 00:00:00 2001 From: Sahil Batra Date: Wed, 21 Jul 2021 14:55:48 +0530 Subject: [PATCH] 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. --- static/styles/portico/billing.css | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/static/styles/portico/billing.css b/static/styles/portico/billing.css index ba1949a4af..09f05f9057 100644 --- a/static/styles/portico/billing.css +++ b/static/styles/portico/billing.css @@ -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; + } +}