fix(FEC-9634): cast button messes up bottom bar (#482)

kaltura · Feb 3, 2020 · c813674 · c813674
1 parent d8e22ea
commit c813674
Showing 1 changed file with 14 additions and 14 deletions.
diff --git a/src/components/cast/cast.js b/src/components/cast/cast.js
@@ -61,21 +61,21 @@ class Cast extends Component {
   render(props: any): ?React$Element<any> {
     if (props.isCasting || props.isCastAvailable) {
       return (
-        <Tooltip label={this.props.castText}>
-          <div
-            role="button"
-            aria-label={this.props.castText}
-            className={style.controlButtonContainer}
-            onClick={() => this.onClick()}
-            onKeyDown={e => {
-              if (e.keyCode === KeyMap.ENTER) {
-                this.props.updateBackdropVisibility(true);
-                this.props.player.startCasting().catch(() => this.props.updateBackdropVisibility(false));
-              }
-            }}>
+        <div
+          role="button"
+          aria-label={this.props.castText}
+          className={style.controlButtonContainer}
+          onClick={() => this.onClick()}
+          onKeyDown={e => {
+            if (e.keyCode === KeyMap.ENTER) {
+              this.props.updateBackdropVisibility(true);
+              this.props.player.startCasting().catch(() => this.props.updateBackdropVisibility(false));
+            }
+          }}>
+          <Tooltip label={this.props.castText}>
             <google-cast-launcher className={style.castButton} tabIndex="0" />
-          </div>
-        </Tooltip>
+          </Tooltip>
+        </div>
       );
     }
   }