diff --git a/bigbluebutton-html5/imports/ui/components/actions-bar/component.jsx b/bigbluebutton-html5/imports/ui/components/actions-bar/component.jsx index 4c940493313aa45b967093a154a908952dcb47cb..95d99dea5f8c92291fa97dc1f34b0cf7f418dce5 100755 --- a/bigbluebutton-html5/imports/ui/components/actions-bar/component.jsx +++ b/bigbluebutton-html5/imports/ui/components/actions-bar/component.jsx @@ -35,11 +35,6 @@ class ActionsBar extends PureComponent { shortcuts, } = this.props; - const actionBarClasses = {}; - - actionBarClasses[styles.center] = true; - actionBarClasses[styles.mobileLayoutSwapped] = isLayoutSwapped && amIPresenter; - return ( <div className={styles.actionsbar} @@ -68,7 +63,7 @@ class ActionsBar extends PureComponent { : null } </div> - <div className={cx(actionBarClasses)}> + <div className={styles.center}> <AudioControlsContainer /> {enableVideo ? ( diff --git a/bigbluebutton-html5/imports/ui/components/actions-bar/styles.scss b/bigbluebutton-html5/imports/ui/components/actions-bar/styles.scss index b8f9b6c716e55d6f0c1450caafbfa7fb9457dd1d..d3fa15a2cc872816d2218e38743b484890efa988 100755 --- a/bigbluebutton-html5/imports/ui/components/actions-bar/styles.scss +++ b/bigbluebutton-html5/imports/ui/components/actions-bar/styles.scss @@ -28,7 +28,6 @@ } .right { - flex: 1; justify-content: center; @include mq($small-only) { position: relative; @@ -71,9 +70,7 @@ } .right { - position: absolute; - right: var(--sm-padding-x); - left: auto; + position: relative; [dir="rtl"] & { right: auto; @@ -81,17 +78,6 @@ } } -.mobileLayoutSwapped { - @include mq($xsmall-only) { - padding-right: var(--mobile-swap-offset); - - [dir="rtl"] & { - padding-right: 0; - padding-left: var(--mobile-swap-offset); - } - } -} - .quickPollBtn { padding: var(--whiteboard-toolbar-padding); background-color: var(--color-off-white) !important;