From 7157057bab0739086bac6a66f58dda7f6278a6e8 Mon Sep 17 00:00:00 2001
From: Maximouse <51849865+mxmou@users.noreply.github.com>
Date: Sun, 9 Jan 2022 14:15:29 +0100
Subject: [PATCH 1/3] Use font weight 500 consistently for teacher registration
 form labels

---
 src/components/forms/radio-group.jsx   |  2 +-
 src/components/registration/steps.jsx  |  4 ++--
 src/components/registration/steps.scss | 12 ++++++++++++
 3 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/components/forms/radio-group.jsx b/src/components/forms/radio-group.jsx
index 168f0a926..608748b0a 100644
--- a/src/components/forms/radio-group.jsx
+++ b/src/components/forms/radio-group.jsx
@@ -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}
     />
 );
diff --git a/src/components/registration/steps.jsx b/src/components/registration/steps.jsx
index da8fcd1aa..f9d17ca83 100644
--- a/src/components/registration/steps.jsx
+++ b/src/components/registration/steps.jsx
@@ -792,7 +792,7 @@ class OrganizationStep extends React.Component {
                             }}
                         />
                         <div className="organization-type">
-                            <b><intl.FormattedMessage id="teacherRegistration.orgType" /></b>
+                            <b class="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>
diff --git a/src/components/registration/steps.scss b/src/components/registration/steps.scss
index a2cc34a58..dedfa1dbe 100644
--- a/src/components/registration/steps.scss
+++ b/src/components/registration/steps.scss
@@ -26,6 +26,10 @@
         }
     }
 
+    .row-label {
+        font-weight: 500;
+    }
+
     .help-text {
         margin: .25rem 0;
         text-align: left;
@@ -64,6 +68,14 @@
     }
 
     &.demographics-step {
+        .radio-group {
+            .control-label {
+                strong {
+                    font-weight: 500;
+                }
+            }
+        }
+
         .radio {
             margin: 1.5rem 1.5rem 0 0;
         }

From 2bd58a32cee274d9aed847ed7e36355472c43bc2 Mon Sep 17 00:00:00 2001
From: Maximouse <51849865+mxmou@users.noreply.github.com>
Date: Sun, 9 Jan 2022 16:50:42 +0100
Subject: [PATCH 2/3] Use className

---
 src/components/registration/steps.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/registration/steps.jsx b/src/components/registration/steps.jsx
index f9d17ca83..8dc4d9d4a 100644
--- a/src/components/registration/steps.jsx
+++ b/src/components/registration/steps.jsx
@@ -792,7 +792,7 @@ class OrganizationStep extends React.Component {
                             }}
                         />
                         <div className="organization-type">
-                            <b class="row-label"><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>

From 55fa30e904488329411ec45b78da011facd5fdcb Mon Sep 17 00:00:00 2001
From: Maximouse <51849865+mxmou@users.noreply.github.com>
Date: Sun, 23 Jan 2022 11:23:42 +0100
Subject: [PATCH 3/3] Use bold instead

---
 src/components/registration/steps.scss | 24 ++++++++++++++----------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/src/components/registration/steps.scss b/src/components/registration/steps.scss
index dedfa1dbe..1dd988309 100644
--- a/src/components/registration/steps.scss
+++ b/src/components/registration/steps.scss
@@ -26,8 +26,16 @@
         }
     }
 
-    .row-label {
-        font-weight: 500;
+    .row {
+        label {
+            font-weight: bold;
+        }
+
+        .checkbox {
+            label {
+                font-weight: 300;
+            }
+        }
     }
 
     .help-text {
@@ -68,16 +76,12 @@
     }
 
     &.demographics-step {
-        .radio-group {
-            .control-label {
-                strong {
-                    font-weight: 500;
-                }
-            }
-        }
-
         .radio {
             margin: 1.5rem 1.5rem 0 0;
+
+            label {
+                font-weight: 300;
+            }
         }
 
         input[type="radio"] {