fix a bunch of padding and alignment things for forms

This commit is contained in:
Mark Otto 2014-11-25 18:00:52 -08:00
parent 15d98dc6b7
commit 12be9044f4
9 changed files with 21 additions and 21 deletions

View File

@ -2028,13 +2028,13 @@ select[multiple].form-group-lg .form-control {
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
padding-top: 1.5rem;
padding-top: .6rem;
margin-top: 0;
margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
min-height: 25.5px;
min-height: 24.6px;
}
.form-horizontal .form-group {
margin-right: -.75rem;
@ -2042,7 +2042,7 @@ select[multiple].form-group-lg .form-control {
}
@media (min-width: 48em) {
.form-horizontal .control-label {
padding-top: 1.5rem;
padding-top: .6rem;
margin-bottom: 0;
text-align: right;
}
@ -2052,12 +2052,12 @@ select[multiple].form-group-lg .form-control {
}
@media (min-width: 48em) {
.form-horizontal .form-group-lg .control-label {
padding-top: 1.9975rem;
padding-top: .75rem;
}
}
@media (min-width: 48em) {
.form-horizontal .form-group-sm .control-label {
padding-top: 1.3rem;
padding-top: .4rem;
}
}
.btn {

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -2028,13 +2028,13 @@ select[multiple].form-group-lg .form-control {
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
padding-top: 1.5rem;
padding-top: .6rem;
margin-top: 0;
margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
min-height: 25.5px;
min-height: 24.6px;
}
.form-horizontal .form-group {
margin-right: -.75rem;
@ -2042,7 +2042,7 @@ select[multiple].form-group-lg .form-control {
}
@media (min-width: 48em) {
.form-horizontal .control-label {
padding-top: 1.5rem;
padding-top: .6rem;
margin-bottom: 0;
text-align: right;
}
@ -2052,12 +2052,12 @@ select[multiple].form-group-lg .form-control {
}
@media (min-width: 48em) {
.form-horizontal .form-group-lg .control-label {
padding-top: 1.9975rem;
padding-top: .75rem;
}
}
@media (min-width: 48em) {
.form-horizontal .form-group-sm .control-label {
padding-top: 1.3rem;
padding-top: .4rem;
}
}
.btn {

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -496,13 +496,13 @@ input[type="checkbox"] {
.checkbox-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: (@padding-base-vertical + 1); // Default padding plus a border
padding-top: (@padding-base-vertical + .1); // Default padding plus a border
}
// Account for padding we're adding to ensure the alignment and of help text
// and other content below items
.radio,
.checkbox {
min-height: (@line-height-computed + (@padding-base-vertical + 1));
min-height: (@line-height-computed + (@padding-base-vertical + .1));
}
// Make form groups behave like rows
@ -516,7 +516,7 @@ input[type="checkbox"] {
.control-label {
text-align: right;
margin-bottom: 0;
padding-top: (@padding-base-vertical + 1); // Default padding plus a border
padding-top: (@padding-base-vertical + .1); // Default padding plus a border
}
});
@ -535,14 +535,14 @@ input[type="checkbox"] {
.form-group-lg {
@media (min-width: @screen-sm-min) {
.control-label {
padding-top: ((@padding-lg-vertical * @line-height-lg) + 1);
padding-top: @padding-lg-vertical;
}
}
}
.form-group-sm {
@media (min-width: @screen-sm-min) {
.control-label {
padding-top: (@padding-sm-vertical + 1);
padding-top: (@padding-sm-vertical + .1);
}
}
}