From 9996d07092efc6d7b69abd231e5dcc65210c3ee9 Mon Sep 17 00:00:00 2001 From: Sahat Yalkabov Date: Wed, 18 Dec 2013 03:06:41 -0500 Subject: [PATCH] Updated margins on radio buttons Flat UI style radio buttons on account page --- public/css/flatly.less | 5 ----- public/css/styles.less | 5 ++++- views/account.jade | 12 ++++++------ 3 files changed, 10 insertions(+), 12 deletions(-) diff --git a/public/css/flatly.less b/public/css/flatly.less index 5dac9a6a32..450da38425 100644 --- a/public/css/flatly.less +++ b/public/css/flatly.less @@ -1189,9 +1189,4 @@ input[type="color"], } } } -} - -.radio + .radio, -.checkbox + .checkbox { - margin-top: 10px; } \ No newline at end of file diff --git a/public/css/styles.less b/public/css/styles.less index a5a6c225d0..be01a6e5c6 100644 --- a/public/css/styles.less +++ b/public/css/styles.less @@ -37,7 +37,10 @@ body { border-color: #333; } -.form-horizontal .radio { +.form-horizontal .radio, +.form-horizontal .radio-inline { + margin-top: 10px; + margin-bottom: 12px; padding-top: 0; } diff --git a/views/account.jade b/views/account.jade index 6bb67d5d98..b11b059baa 100644 --- a/views/account.jade +++ b/views/account.jade @@ -26,12 +26,12 @@ block content .form-group label.col-sm-2.control-label(for='name') Gender .col-sm-4 - label.radio-inline - input(checked=user.profile.gender=='male', name='gender', type='radio', value='male') - span Male - label.radio-inline - input(checked=user.profile.gender=='female', name='gender', type='radio', value='female') - span Female + label.radio + input(type='radio', checked=user.profile.gender=='male', name='gender', value='male', data-toggle='radio') + | Male + label.radio + input(type='radio', checked=user.profile.gender=='female', name='gender', value='female', data-toggle='radio') + | Female .form-group // TODO: differentiate between username as email label.col-sm-2.control-label(for='email') Email