diff --git a/bigbluebutton-html5/imports/ui/components/waiting-users/component.jsx b/bigbluebutton-html5/imports/ui/components/waiting-users/component.jsx index 8c5d929f3f9bcf3225a886c9e3a5f72b649c878c..ba9c1272b7efce10e6345dfd0e329cd0d4b890d4 100755 --- a/bigbluebutton-html5/imports/ui/components/waiting-users/component.jsx +++ b/bigbluebutton-html5/imports/ui/components/waiting-users/component.jsx @@ -216,10 +216,10 @@ const WaitingUsers = (props) => { )) } </div> - <div> - <label htmlFor="remiderUsersId" className={styles.rememberContainer}> - <input id="remiderUsersId" type="checkbox" onChange={onCheckBoxChange} /> - <p>{intl.formatMessage(intlMessages.rememberChoice)}</p> + <div className={styles.rememberContainer}> + <input id="rememderCheckboxId" type="checkbox" onChange={onCheckBoxChange} /> + <label htmlFor="rememderCheckboxId"> + {intl.formatMessage(intlMessages.rememberChoice)} </label> </div> {renderPendingUsers( diff --git a/bigbluebutton-html5/imports/ui/components/waiting-users/styles.scss b/bigbluebutton-html5/imports/ui/components/waiting-users/styles.scss index c5980f39186ed7d2318ffa28d027df83eda6ad19..520adccd9a4979d83da29865db09a489a962d2e5 100644 --- a/bigbluebutton-html5/imports/ui/components/waiting-users/styles.scss +++ b/bigbluebutton-html5/imports/ui/components/waiting-users/styles.scss @@ -153,20 +153,20 @@ width: 100%; } -.remenberContainer { - margin: 1rem 0; +.rememberContainer { + margin: 1rem 1rem; height: 2rem; display: flex; align-items: center; - & > p { + & > label { height: fit-content; padding: 0; margin: 0; - margin-left: .5rem; + margin-left: .7rem; [dir="rtl"] & { margin: 0; - margin-right: .5rem; + margin-right: .7rem; } } -} \ No newline at end of file +}