From c13de3db607dad06ce992e78ffdb8c2fa6871e70 Mon Sep 17 00:00:00 2001 From: Pete Hopkins Date: Thu, 26 Jan 2012 13:56:18 -0500 Subject: Fixes off-by-1px between checkbox and form label (all browsers) --- lib/forms.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'lib/forms.less') diff --git a/lib/forms.less b/lib/forms.less index 744649f90..4aec1ec1a 100644 --- a/lib/forms.less +++ b/lib/forms.less @@ -162,7 +162,7 @@ input[type=hidden] { // Move the options list down to align with labels .controls > .radio:first-child, .controls > .checkbox:first-child { - padding-top: 6px; // has to be padding because margin collaspes + padding-top: 5px; // has to be padding because margin collaspes } // Radios and checkboxes on same line -- cgit v1.2.3 From f76444c8585f3a720e0af2cedd33acddc718b962 Mon Sep 17 00:00:00 2001 From: Pete Hopkins Date: Thu, 26 Jan 2012 14:11:05 -0500 Subject: Clears border-radius on checkboxes because they look bad on IE --- lib/forms.less | 1 + 1 file changed, 1 insertion(+) (limited to 'lib/forms.less') diff --git a/lib/forms.less b/lib/forms.less index 4aec1ec1a..b2bd7b8cc 100644 --- a/lib/forms.less +++ b/lib/forms.less @@ -87,6 +87,7 @@ input[type=radio] { line-height: normal; border: none; cursor: pointer; + .border-radius(0); } // Reset the file input to browser defaults -- cgit v1.2.3 From b9413460afe2bdfac18889953447622d13eb1968 Mon Sep 17 00:00:00 2001 From: Pete Hopkins Date: Thu, 26 Jan 2012 16:02:27 -0500 Subject: Makes inputs and buttons align middle so they line up in all browsers --- lib/forms.less | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) (limited to 'lib/forms.less') diff --git a/lib/forms.less b/lib/forms.less index b2bd7b8cc..4ee636683 100644 --- a/lib/forms.less +++ b/lib/forms.less @@ -119,7 +119,6 @@ input[type=file] { // Chrome on Linux and Mobile Safari need background-color select { width: 220px; // default input width + 10px of padding that doesn't get applied - vertical-align: baseline; background-color: @white; } @@ -377,9 +376,9 @@ select:focus:required:invalid { } .help-inline { - *position: relative; /* IE6-7 */ - *top: -5px; /* IE6-7 */ - display: inline; + display: inline-block; + margin-bottom: 9px; + vertical-align: middle; padding-left: 5px; } @@ -469,6 +468,7 @@ select:focus:required:invalid { input, textarea, select, + .help-inline, .uneditable-input { display: inline-block; margin-bottom: 0; -- cgit v1.2.3