From 6a478d14096052166ffa3596bda6d7f9b64439fc Mon Sep 17 00:00:00 2001 From: KDSBrowne Date: Wed, 2 Oct 2019 16:51:53 +0000 Subject: [PATCH] fix actions button misplacement in RTL --- .../imports/ui/components/actions-bar/styles.scss | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/bigbluebutton-html5/imports/ui/components/actions-bar/styles.scss b/bigbluebutton-html5/imports/ui/components/actions-bar/styles.scss index 2238f885d1..c7318c555c 100755 --- a/bigbluebutton-html5/imports/ui/components/actions-bar/styles.scss +++ b/bigbluebutton-html5/imports/ui/components/actions-bar/styles.scss @@ -1,19 +1,21 @@ @import "/imports/ui/stylesheets/variables/_all"; .actionsbar, -.left, .center, .right { display: flex; flex-direction: row; } -.left, .center, .right { flex: 1; justify-content: center; +} +.left, +.center, +.right { > * { margin: 0 var(--sm-padding-x); @@ -24,7 +26,8 @@ } .left { - position: absolute; + display: block; + flex: 0; @include mq($small-only) { bottom: var(--sm-padding-x); left: var(--sm-padding-x);