From 6ba31224ffdc43c5ace23d41bf91dbc8cb20d8e0 Mon Sep 17 00:00:00 2001
From: Maxim Khlobystov <maxim.khlobystov@gmail.com>
Date: Wed, 5 Jun 2019 11:30:10 -0400
Subject: [PATCH] Align the checkbox and the label
---
.../ui/components/waiting-users/component.jsx | 8 ++++----
.../imports/ui/components/waiting-users/styles.scss | 12 ++++++------
2 files changed, 10 insertions(+), 10 deletions(-)
diff --git a/bigbluebutton-html5/imports/ui/components/waiting-users/component.jsx b/bigbluebutton-html5/imports/ui/components/waiting-users/component.jsx
index 8c5d929f3f..ba9c1272b7 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 c5980f3918..520adccd9a 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
+}
--
GitLab