gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Updated margins on radio buttons

Browse Source 
Flat UI style radio buttons on account page
This commit is contained in:
Sahat Yalkabov
2013-12-18 03:06:41 -05:00
parent bc39cd197c
commit 9996d07092
3 changed files with 10 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
public/css/flatly.less
View File

@ -1189,9 +1189,4 @@ input[type="color"],
} }
} }
} }
}
.radio + .radio,
.checkbox + .checkbox {
margin-top: 10px;
} }

5
public/css/styles.less
View File

@ -37,7 +37,10 @@ body {
border-color: #333; border-color: #333;
} }
.form-horizontal .radio { .form-horizontal .radio,
.form-horizontal .radio-inline {
margin-top: 10px;
margin-bottom: 12px;
padding-top: 0; padding-top: 0;
} }

12
views/account.jade
View File

@ -26,12 +26,12 @@ block content
.form-group .form-group
label.col-sm-2.control-label(for='name') Gender label.col-sm-2.control-label(for='name') Gender
.col-sm-4 .col-sm-4
label.radio-inline label.radio
input(checked=user.profile.gender=='male', name='gender', type='radio', value='male') input(type='radio', checked=user.profile.gender=='male', name='gender', value='male', data-toggle='radio')
span Male | Male
label.radio-inline label.radio
input(checked=user.profile.gender=='female', name='gender', type='radio', value='female') input(type='radio', checked=user.profile.gender=='female', name='gender', value='female', data-toggle='radio')
span Female | Female
.form-group .form-group
// TODO: differentiate between username as email // TODO: differentiate between username as email
label.col-sm-2.control-label(for='email') Email label.col-sm-2.control-label(for='email') Email