From 50eb4d81ef76de26b63d427630f478f5176a2653 Mon Sep 17 00:00:00 2001
From: KDSBrowne <kert.browne85@gmail.com>
Date: Fri, 7 Jul 2017 23:50:33 -0700
Subject: [PATCH] wrap form elements with label

---
 .../settings/submenus/closed-captions/component.jsx  | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/bigbluebutton-html5/imports/ui/components/settings/submenus/closed-captions/component.jsx b/bigbluebutton-html5/imports/ui/components/settings/submenus/closed-captions/component.jsx
index 58ef831be5..7eff5472cd 100755
--- a/bigbluebutton-html5/imports/ui/components/settings/submenus/closed-captions/component.jsx
+++ b/bigbluebutton-html5/imports/ui/components/settings/submenus/closed-captions/component.jsx
@@ -188,7 +188,7 @@ class ClosedCaptionsMenu extends BaseMenu {
                   </div>
                 </div>
                 <div className={styles.col}>
-                  <div
+                  <label
                     className={cx(styles.formElement, styles.pullContentRight)}
                     aria-label={intl.formatMessage(intlMessages.languageLabel)}
                   >
@@ -209,7 +209,7 @@ class ClosedCaptionsMenu extends BaseMenu {
                         </option>),
                       ) : null }
                     </select>
-                  </div>
+                  </label>
                 </div>
               </div>
 
@@ -222,7 +222,7 @@ class ClosedCaptionsMenu extends BaseMenu {
                   </div>
                 </div>
                 <div className={styles.col}>
-                  <div
+                  <label
                     className={cx(styles.formElement, styles.pullContentRight)}
                     aria-label={intl.formatMessage(intlMessages.fontFamilyLabel)}
                   >
@@ -242,7 +242,7 @@ class ClosedCaptionsMenu extends BaseMenu {
                         )
                       }
                     </select>
-                  </div>
+                  </label>
                 </div>
               </div>
 
@@ -255,7 +255,7 @@ class ClosedCaptionsMenu extends BaseMenu {
                   </div>
                 </div>
                 <div className={styles.col}>
-                  <div
+                  <label
                     className={cx(styles.formElement, styles.pullContentRight)}
                     aria-label={intl.formatMessage(intlMessages.fontSizeLabel)}
                   >
@@ -275,7 +275,7 @@ class ClosedCaptionsMenu extends BaseMenu {
                           )
                         }
                     </select>
-                  </div>
+                  </label>
                 </div>
               </div>