settings: Override bottom margin for inputs.

We override the bottom margin added by bootstrap for
url type custom profile input in user profile page
and all the inputs in edit-user form. Previously, this
was handled by form-horizontal class which was removed
in #24057.

For most of the other text-type inputs, it is overridden
in app_components.css and for checkbox-type inputs, it is
overridden by other bootstrap CSS itself. But that only
handles text-type and checkbox-type inputs inside
".new-style" element and not url type inputs.
Some other inputs already have specific CSS to override the
bootstrap CSS.

For the same reason, there is no need to override bottom
margin for inputs in organization profile as there is no
url type inputs in that page and this commit removes the
CSS for it.
This commit is contained in:
Sahil Batra 2023-02-01 21:36:21 +05:30 committed by Tim Abbott
parent e6bfdc7d34
commit a2315422e7
1 changed files with 6 additions and 5 deletions

View File

@ -451,11 +451,6 @@ input[type="checkbox"] {
margin-top: 10px;
}
#organization-profile input {
/* Override undesired Bootstrap default. */
margin-bottom: 0;
}
#id_org_profile_preview {
margin-bottom: 20px;
display: inline-flex;
@ -1426,6 +1421,12 @@ $option_title_width: 180px;
padding-left: 2px;
vertical-align: middle;
}
input,
input[type="url"] {
/* Override undesired Bootstrap default. */
margin-bottom: 0;
}
}
/* These have enough space for all the options in German. */