Merge pull request #6446 from mxmou/teacher-registration-label-font-weight

Use font weight bold consistently for teacher registration form labels
This commit is contained in:
Sarah Otts 2022-01-27 17:11:26 -05:00 committed by GitHub
commit 1dc4881080
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 19 additions and 3 deletions

View file

@ -11,7 +11,7 @@ require('./radio-group.scss');
const RadioGroup = props => (
<FRCRadioGroup
className={classNames('radio-group', props.className)}
rowClassName={classNames('radio-group', props.className)}
{... props}
/>
);

View file

@ -792,7 +792,7 @@ class OrganizationStep extends React.Component {
}}
/>
<div className="organization-type">
<b><intl.FormattedMessage id="teacherRegistration.orgType" /></b>
<b className="row-label"><intl.FormattedMessage id="teacherRegistration.orgType" /></b>
<p className="help-text">
<intl.FormattedMessage id="teacherRegistration.checkAll" />
</p>
@ -833,7 +833,7 @@ class OrganizationStep extends React.Component {
/>
</div>
<div className="url-input">
<b><intl.FormattedMessage id="general.website" /></b>
<b className="row-label"><intl.FormattedMessage id="general.website" /></b>
<p className="help-text">
<intl.FormattedMessage id="teacherRegistration.notRequired" />
</p>

View file

@ -26,6 +26,18 @@
}
}
.row {
label {
font-weight: bold;
}
.checkbox {
label {
font-weight: 300;
}
}
}
.help-text {
margin: .25rem 0;
text-align: left;
@ -66,6 +78,10 @@
&.demographics-step {
.radio {
margin: 1.5rem 1.5rem 0 0;
label {
font-weight: 300;
}
}
input[type="radio"] {