From 7843a665fdc18c1199766d6c65f192209ec35741 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 28 Jan 2012 14:50:56 -0800 Subject: [PATCH] vertical align inline checkboxes/radios to improve rendering in topbar --- docs/assets/css/bootstrap.css | 7 +++++++ less/forms.less | 3 ++- less/navbar.less | 9 +++++++++ 3 files changed, 18 insertions(+), 1 deletion(-) diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 43ec1e417b..7b47aebef3 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -591,6 +591,7 @@ input[type="hidden"] { .radio.inline, .checkbox.inline { display: inline-block; margin-bottom: 0; + vertical-align: middle; } .radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { margin-left: 10px; @@ -1953,6 +1954,12 @@ table .span12 { margin-top: 5px; margin-bottom: 0; } +.navbar-form .radio, .navbar-form .checkbox { + margin-top: 5px; +} +.navbar-form input[type="image"], .navbar-form input[type="checkbox"], .navbar-form input[type="radio"] { + margin-top: 3px; +} .navbar-search { position: relative; float: left; diff --git a/less/forms.less b/less/forms.less index 3792bf4205..b0daeb034e 100644 --- a/less/forms.less +++ b/less/forms.less @@ -86,7 +86,7 @@ input[type="radio"] { line-height: normal; border: 0; cursor: pointer; - border-radius: 0 e("\0/"); + border-radius: 0 e("\0/"); // Nuke border-radius for IE9 only } // Reset the file input to browser defaults @@ -169,6 +169,7 @@ input[type="hidden"] { .checkbox.inline { display: inline-block; margin-bottom: 0; + vertical-align: middle; } .radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { diff --git a/less/navbar.less b/less/navbar.less index 287459a27c..63484fc3c0 100644 --- a/less/navbar.less +++ b/less/navbar.less @@ -63,6 +63,15 @@ margin-top: 5px; margin-bottom: 0; } + .radio, + .checkbox { + margin-top: 5px; + } + input[type="image"], + input[type="checkbox"], + input[type="radio"] { + margin-top: 3px; + } } // Navbar search