diff --git a/frontend/app/components/shared/SharePopup/SharePopup.js b/frontend/app/components/shared/SharePopup/SharePopup.js index a1dd59a4f..05229acf5 100644 --- a/frontend/app/components/shared/SharePopup/SharePopup.js +++ b/frontend/app/components/shared/SharePopup/SharePopup.js @@ -9,6 +9,7 @@ import IntegrateSlackButton from '../IntegrateSlackButton/IntegrateSlackButton'; import SessionCopyLink from './SessionCopyLink'; import Select from 'Shared/Select'; import { Tooltip } from 'react-tippy'; +import cn from 'classnames'; @connectPlayer(state => ({ time: state.time, @@ -61,13 +62,14 @@ export default class SharePopup extends React.PureComponent { position='bottom' unmountHTMLWhenHide useContext + arrow trigger="click" shown={this.handleOpen} beforeHidden={this.handleClose} html={
-
Share this session link to Slack
+
Share this session link to Slack
{ options.length === 0 ? <> diff --git a/frontend/app/components/shared/SharePopup/sharePopup.module.css b/frontend/app/components/shared/SharePopup/sharePopup.module.css index 706eba808..b1d3a580c 100644 --- a/frontend/app/components/shared/SharePopup/sharePopup.module.css +++ b/frontend/app/components/shared/SharePopup/sharePopup.module.css @@ -9,6 +9,7 @@ .wrapper { background-color: white; width: 350px; + padding: 10px 8px; } .header { @@ -19,7 +20,6 @@ .title { margin-right: auto; - font-weight: bold; } .closeButton {