From 002e7fa4fb8908c13ebefcfa0bddb9ed59f04d53 Mon Sep 17 00:00:00 2001
From: Saelmala <sandra.larsson@eyevinn.se>
Date: Tue, 3 Dec 2024 14:41:04 +0100
Subject: [PATCH] fix: tooltip pos adjustment

---
 src/components/manage-productions/line-table.tsx            | 4 ++++
 src/components/manage-productions/manage-productions.tsx    | 6 +++---
 .../production-line/long-press-to-talk-button.tsx           | 2 +-
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/manage-productions/line-table.tsx b/src/components/manage-productions/line-table.tsx
index 90bea7e0..d58b45ad 100644
--- a/src/components/manage-productions/line-table.tsx
+++ b/src/components/manage-productions/line-table.tsx
@@ -212,6 +212,10 @@ export const LineTable = ({
     };
   }, [removeLine]);
 
+  // TODO: Remove logs
+  console.log("TOOLTIP POSITION", tooltipPosition);
+  console.log("TOOLTIP TEXT:", tooltipText);
+
   return (
     <TableContainer lines={lines}>
       <TableBody>
diff --git a/src/components/manage-productions/manage-productions.tsx b/src/components/manage-productions/manage-productions.tsx
index 48da7e9b..3a251b8c 100644
--- a/src/components/manage-productions/manage-productions.tsx
+++ b/src/components/manage-productions/manage-productions.tsx
@@ -94,7 +94,7 @@ const SubFlexContainer = styled.div`
   ${isMobile ? "" : `align-items: flex-start;`}
 `;
 
-const FlexContainer = styled.div<MobileLayout>`
+const FlexContainer = styled.div`
   margin-top: 2rem;
 
   display: flex;
@@ -171,7 +171,7 @@ export const ManageProductions = () => {
     setTooltipText(fullText);
 
     setTooltipPosition({
-      top: rect.top - 10,
+      top: rect.top + 5,
       left: rect.left + 10,
       visibility: "visible",
       opacity: 1,
@@ -274,7 +274,7 @@ export const ManageProductions = () => {
             </strong>
           </DecorativeLabel>
         )}
-        <FlexContainer isMobile={isMobile}>
+        <FlexContainer>
           <SubFlexContainer>
             <SubContainers isMobile={isMobile}>
               {isMobile && (
diff --git a/src/components/production-line/long-press-to-talk-button.tsx b/src/components/production-line/long-press-to-talk-button.tsx
index dcc4ca89..adaa2461 100644
--- a/src/components/production-line/long-press-to-talk-button.tsx
+++ b/src/components/production-line/long-press-to-talk-button.tsx
@@ -8,7 +8,7 @@ type TLongPressToTalkButton = {
 };
 
 const Button = styled(PrimaryButton)`
-  background: rgba(50, 56, 59, 100);
+  background: rgba(50, 56, 59, 1);
   color: white;
   border: 0.2rem solid #6d6d6d;
   position: relative;