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;
}
.form-horizontal .radio {
.form-horizontal .radio,
.form-horizontal .radio-inline {
margin-top: 10px;
margin-bottom: 12px;
padding-top: 0;
}

12
views/account.jade
View File

@ -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