From 02057c705739a8e2a2d3ab83509492e2e0053d8b Mon Sep 17 00:00:00 2001
From: Ramon Souza <contato@ramonsouza.com>
Date: Wed, 19 May 2021 16:29:01 -0300
Subject: [PATCH] replace locale-specific code with align-items:center

---
 bigbluebutton-html5/client/stylesheets/toggleSwitch.css  | 4 ----
 .../ui/components/audio/audio-settings/styles.scss       | 1 +
 .../imports/ui/components/dropdown/list/styles.scss      | 9 +--------
 .../imports/ui/components/lock-viewers/styles.scss       | 1 +
 .../components/nav-bar/recording-indicator/component.jsx | 2 +-
 .../components/nav-bar/recording-indicator/styles.scss   | 9 +--------
 .../imports/ui/components/settings/submenus/styles.scss  | 2 ++
 7 files changed, 7 insertions(+), 21 deletions(-)

diff --git a/bigbluebutton-html5/client/stylesheets/toggleSwitch.css b/bigbluebutton-html5/client/stylesheets/toggleSwitch.css
index 367455bba0..afb10cd298 100644
--- a/bigbluebutton-html5/client/stylesheets/toggleSwitch.css
+++ b/bigbluebutton-html5/client/stylesheets/toggleSwitch.css
@@ -17,10 +17,6 @@
   -webkit-tap-highlight-color: transparent;
 }
 
-[lang="te"] .react-toggle, [lang="te-IN"] .react-toggle{
-  margin-top: .5rem;
-}
-
 .react-toggle-screenreader-only {
   border: 0;
   clip: rect(0 0 0 0);
diff --git a/bigbluebutton-html5/imports/ui/components/audio/audio-settings/styles.scss b/bigbluebutton-html5/imports/ui/components/audio/audio-settings/styles.scss
index 67f561ffe3..001a37b061 100644
--- a/bigbluebutton-html5/imports/ui/components/audio/audio-settings/styles.scss
+++ b/bigbluebutton-html5/imports/ui/components/audio/audio-settings/styles.scss
@@ -137,6 +137,7 @@
   display: flex;
   justify-content: flex-end;
   flex-flow: row;
+  align-items: center;
 }
 
 .verticalLine {
diff --git a/bigbluebutton-html5/imports/ui/components/dropdown/list/styles.scss b/bigbluebutton-html5/imports/ui/components/dropdown/list/styles.scss
index 271643ef07..19cef3bbbb 100755
--- a/bigbluebutton-html5/imports/ui/components/dropdown/list/styles.scss
+++ b/bigbluebutton-html5/imports/ui/components/dropdown/list/styles.scss
@@ -59,6 +59,7 @@
 .item {
   display: flex;
   flex: 1 1 100%;
+  align-items: center;
 
   .verticalList & {
     padding: calc(var(--line-height-computed) / 3) 0;
@@ -141,14 +142,6 @@
   }
 }
 
-[lang="te"] .iconRight, [lang="te-IN"] .iconRight, [lang="te"] .itemIcon, [lang="te-IN"] .itemIcon{
-  margin-top: .65rem;
-}
-
-[lang="km"] .iconRight, [lang="km-KH"] .iconRight, [lang="km"] .itemIcon, [lang="km-KH"] .itemIcon{
-  margin-top: .35rem;
-}
-
 .iconRight {
   margin-right: 0;
   margin-left: 1rem;
diff --git a/bigbluebutton-html5/imports/ui/components/lock-viewers/styles.scss b/bigbluebutton-html5/imports/ui/components/lock-viewers/styles.scss
index 4a3125751b..a3668bc192 100755
--- a/bigbluebutton-html5/imports/ui/components/lock-viewers/styles.scss
+++ b/bigbluebutton-html5/imports/ui/components/lock-viewers/styles.scss
@@ -93,6 +93,7 @@
   display: flex;
   justify-content: flex-end;
   flex-flow: row;
+  align-items: center;
 }
 
 .bold {
diff --git a/bigbluebutton-html5/imports/ui/components/nav-bar/recording-indicator/component.jsx b/bigbluebutton-html5/imports/ui/components/nav-bar/recording-indicator/component.jsx
index 6c33558b4a..5aaa7f4514 100755
--- a/bigbluebutton-html5/imports/ui/components/nav-bar/recording-indicator/component.jsx
+++ b/bigbluebutton-html5/imports/ui/components/nav-bar/recording-indicator/component.jsx
@@ -138,7 +138,7 @@ class RecordingIndicator extends PureComponent {
     };
 
     const recordingIndicatorIcon = (
-      <span data-test="mainWhiteboard" className={cx(styles.recordingIndicatorIcon, (!isPhone || recording) && styles.presentationTitleMargin, (!isPhone && !recording && amIModerator) && styles.iconMargin)}>
+      <span data-test="mainWhiteboard" className={cx(styles.recordingIndicatorIcon, (!isPhone || recording) && styles.presentationTitleMargin)}>
         <svg xmlns="http://www.w3.org/2000/svg" height="100%" version="1" viewBox="0 0 20 20">
           <g stroke="#FFF" fill="#FFF" strokeLinecap="square">
             <circle
diff --git a/bigbluebutton-html5/imports/ui/components/nav-bar/recording-indicator/styles.scss b/bigbluebutton-html5/imports/ui/components/nav-bar/recording-indicator/styles.scss
index 3bfbd55ec6..ba86dce484 100755
--- a/bigbluebutton-html5/imports/ui/components/nav-bar/recording-indicator/styles.scss
+++ b/bigbluebutton-html5/imports/ui/components/nav-bar/recording-indicator/styles.scss
@@ -12,6 +12,7 @@
 %recordingControl {
   display: flex;
   border-radius: 2em 2em;
+  align-items: center;
 
   span {
     border: none;
@@ -91,14 +92,6 @@
   }
 }
 
-[lang="te"] .iconMargin, [lang="te-IN"] .iconMargin {
-  margin-top: .65rem;
-}
-
-[lang="km"] .iconMargin, [lang="km-KH"] .iconMargin {
-  margin-top: .35rem;
-}
-
 .recordingStatusViewOnly {
   display: flex;
 }
diff --git a/bigbluebutton-html5/imports/ui/components/settings/submenus/styles.scss b/bigbluebutton-html5/imports/ui/components/settings/submenus/styles.scss
index 5ccab57d8c..7fdc1bd220 100644
--- a/bigbluebutton-html5/imports/ui/components/settings/submenus/styles.scss
+++ b/bigbluebutton-html5/imports/ui/components/settings/submenus/styles.scss
@@ -94,12 +94,14 @@
   display: flex;
   justify-content: flex-end;
   flex-flow: row;
+  align-items: center;
 }
 
 .pullContentCenter {
   display: flex;
   justify-content: center;
   flex-flow: row;
+  align-items: center;
 }
 
 .separator {
-- 
GitLab