From 3417dd544725354de4117cbda033a001c5f7fee6 Mon Sep 17 00:00:00 2001
From: Suraj Vishwakarma <67496096+surajondev@users.noreply.github.com>
Date: Fri, 12 Mar 2021 18:02:13 +0530
Subject: [PATCH] Fix : background box of the button on profile via chat
 section issue 2nd PR: #12879  (#12920)

* chat-profile

* updated-chat-profile
---
 app/assets/stylesheets/chat.scss     | 2 ++
 app/javascript/chat/content.jsx      | 3 ++-
 app/javascript/chat/videoContent.jsx | 3 ++-
 3 files changed, 6 insertions(+), 2 deletions(-)

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' }}
   >
     <path data-content={content} fill="none" d="M0 0h24v24H0z" />
     <path data-content={content} d={d} />
@@ -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"
+
   >
     <path data-content={content} fill="none" d="M0 0h24v24H0z" />
     <path data-content={content} d={d} />
@@ -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(