remove glow prop and use className to change style

bigbluebutton-html5/imports/ui/components/actions-bar/mute-button/component.jsx

@@ -17,7 +17,6 @@ export default class MuteAudio extends React.Component {
 
     return (
       <Button
-        glow={isTalking}
         onClick={callback}
         label={label}
         color={'primary'}

bigbluebutton-html5/imports/ui/components/actions-bar/styles.scss

@@ -31,6 +31,6 @@
   visibility: hidden;
 }
 
-.circleGlow span i{
-  text-shadow: 0 0 .35rem #FFF;
+.circleGlow > :first-child{
+    box-shadow: 0 0 .15rem #FFF !important;
 }

bigbluebutton-html5/imports/ui/components/button/component.jsx

@@ -64,12 +64,6 @@ const propTypes = {
    * @defaultValue false
    */
   hideLabel: PropTypes.bool,
-
-  /**
-   * Defines if the button should have styled box-shadow glow effect
-   * @defaultValue false
-   */
-  glow: PropTypes.bool,
 };
 
 const defaultProps = {
@@ -81,7 +75,6 @@ const defaultProps = {
   block: false,
   iconRight: false,
   hideLabel: false,
-  glow: false,
 };
 
 export default class Button extends BaseButton {
@@ -99,17 +92,15 @@ export default class Button extends BaseButton {
       circle,
       block,
       iconRight,
-      glow,
     } = this.props;
 
     let propClassNames = {};
-    let circleType = (glow) ? styles.circleGlow : styles.circle;
 
     propClassNames[styles.button] = true;
     propClassNames[styles[size]] = true;
     propClassNames[styles[color]] = true;
     propClassNames[styles.ghost] = ghost;
-    propClassNames[circleType] = circle;
+    propClassNames[styles.circle] = circle;
     propClassNames[styles.block] = block;
     propClassNames[styles.iconRight] = iconRight;
     propClassNames[styles.disabled] = disabled;

bigbluebutton-html5/imports/ui/components/button/styles.scss

@@ -259,11 +259,7 @@ $btn-jumbo-padding: $jumbo-padding-y $jumbo-padding-x;
   }
 }
 
-.circleGlow {
-    box-shadow: 0 0 .15rem #FFF;
-}
-
-.circle, .circleGlow {
+.circle {
   $btn-sm-padding-x: nth($btn-sm-padding, 2) / 2.75;
   $btn-md-padding-x: nth($btn-md-padding, 2) / 2.75;
   $btn-lg-padding-x: nth($btn-lg-padding, 2) / 2.75;