diff --git a/app/assets/stylesheets/chat.scss b/app/assets/stylesheets/chat.scss index 7b1449af8..95236236c 100644 --- a/app/assets/stylesheets/chat.scss +++ b/app/assets/stylesheets/chat.scss @@ -413,6 +413,8 @@ .activechatchannel__activecontentexitbutton { font-size: 30px; position: absolute; + margin-left: 80%; + margin-top: -4px; left: 4px; top: 4px; z-index: 10; diff --git a/app/javascript/chat/content.jsx b/app/javascript/chat/content.jsx index fdc2de03b..6359618d1 100644 --- a/app/javascript/chat/content.jsx +++ b/app/javascript/chat/content.jsx @@ -14,6 +14,7 @@ const smartSvgIcon = (content, d) => ( viewBox="0 0 24 24" width="24" height="24" + style={{ marginLeft:'-12px', marginTop:'-4px' }} > @@ -74,7 +75,7 @@ export class Content extends Component { type="button" className="activechatchannel__activecontentexitbutton activechatchannel__activecontentexitbutton--fullscreen crayons-btn crayons-btn--secondary" data-content="fullscreen" - style={{ left: '39px' }} + style={{ left: "-80px", marginLeft: "0px" }} title="fullscreen" > {' '} diff --git a/app/javascript/chat/videoContent.jsx b/app/javascript/chat/videoContent.jsx index b202e7718..ea32464bc 100644 --- a/app/javascript/chat/videoContent.jsx +++ b/app/javascript/chat/videoContent.jsx @@ -7,6 +7,7 @@ const smartSvgIcon = (content, d) => ( viewBox="0 0 24 24" width="24" height="24" + > @@ -51,7 +52,7 @@ export function VideoContent(props) { aria-label={fullscreen ? 'Fullscreen' : 'Leave fullscreen'} className="activechatchannel__activecontentexitbutton activechatchannel__activecontentexitbutton--fullscreen crayons-btn crayons-btn--secondary" data-content="fullscreen" - style={{ left: '39px' }} + style={{ left: '-80px', marginLeft:'0px' }} > {fullscreen ? smartSvgIcon(