diff --git a/bigbluebutton-html5/imports/ui/components/user-avatar/styles.scss b/bigbluebutton-html5/imports/ui/components/user-avatar/styles.scss index 05ae6f536485a942ec7f5fcb7c72336bfe91da7c..c636ab4f96c6dbec45fdf3c9fa89e8ab6350d89b 100644 --- a/bigbluebutton-html5/imports/ui/components/user-avatar/styles.scss +++ b/bigbluebutton-html5/imports/ui/components/user-avatar/styles.scss @@ -5,7 +5,7 @@ */ $user-avatar-border: $color-gray-light; $user-avatar-text: $color-white; -$user-indicators-offset: -.15rem; +$user-indicators-offset: -5px; $user-indicator-presenter-bg: $color-primary; $user-indicator-voice-bg: $color-success; $user-indicator-muted-bg: $color-danger; @@ -20,7 +20,7 @@ $user-list-bg: #F3F6F9; text-align: center; text-transform: capitalize; transition: .3s ease-in-out; - font-size: 1rem; + font-size: .85rem; &:after, &:before { content: ""; @@ -31,9 +31,9 @@ $user-list-bg: #F3F6F9; color: inherit; top: auto; left: auto; - bottom: $user-indicators-offset / 2; + bottom: $user-indicators-offset; right: $user-indicators-offset; - border: 1.25px solid $user-list-bg; + border: 1.5px solid $user-list-bg; border-radius: 50%; background-color: $user-indicator-voice-bg; color: $user-avatar-text; @@ -60,7 +60,7 @@ $user-list-bg: #F3F6F9; &:before { content: "\00a0\e90b\00a0"; opacity: 1; - top: $user-indicators-offset / 2; + top: $user-indicators-offset; left: $user-indicators-offset; bottom: auto; right: auto;