From 8c72f0b187327024ebd388b5b38d137911e93486 Mon Sep 17 00:00:00 2001
From: sylenien <nikita@openreplay.com>
Date: Mon, 17 Oct 2022 10:40:47 +0200
Subject: [PATCH] fix(player/tracker): fix html layout

---
 tracker/tracker-assist/layout/index.html | 14 +++++++++++++-
 tracker/tracker-assist/src/CallWindow.ts |  5 +++--
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/tracker/tracker-assist/layout/index.html b/tracker/tracker-assist/layout/index.html
index 6c1995e3d..8a3aa4c4b 100644
--- a/tracker/tracker-assist/layout/index.html
+++ b/tracker/tracker-assist/layout/index.html
@@ -70,11 +70,19 @@
       display: none;
     }
 
+    #audio-btn, #video-btn {
+      color: #cc0000;
+    }
+
     #audio-btn:after {
       text-transform: capitalize;
       content: 'Mute'
     }
 
+    #audio-btn.muted, #video-btn.off {
+      color: #888;
+    }
+
     #audio-btn.muted .bi-mic-mute {
       display: inline-block;
     }
@@ -117,6 +125,10 @@
       padding: 8px 16px;
     }
 
+    #title-span {
+      font-weight: 500;
+    }
+
   </style>
 
   <link href="css/bootstrap.min.css" rel="stylesheet">
@@ -130,7 +142,7 @@
     <div id="controls">
       <div class="card-header d-flex justify-content-between">
         <div class="user-info">
-          <span>Call with</span>
+          <span id="title-span">Call with</span>
           <!-- User Name -->
           <span id="agent-name" class="person-name fw-light">Support Agent</span>
         </div>
diff --git a/tracker/tracker-assist/src/CallWindow.ts b/tracker/tracker-assist/src/CallWindow.ts
index 6b64fae3e..d561a2ba7 100644
--- a/tracker/tracker-assist/src/CallWindow.ts
+++ b/tracker/tracker-assist/src/CallWindow.ts
@@ -48,8 +48,9 @@ export default class CallWindow {
 			return
 		}
 
-		//const baseHref = "https://static.openreplay.com/tracker-assist/test"
+		// const baseHref = "https://static.openreplay.com/tracker-assist/test"
 		const baseHref = 'https://static.openreplay.com/tracker-assist/4.0.0'
+		// this.load = fetch(this.callUITemplate || baseHref + '/index2.html')
 		this.load = fetch(this.callUITemplate || baseHref + '/index.html')
 			.then((r) => r.text())
 			.then((text) => {
@@ -102,7 +103,7 @@ export default class CallWindow {
 						const secsFull = ~~(ellapsed / 1000)
 						const mins = ~~(secsFull / 60)
 						const secs = secsFull - mins * 60
-						tsElem.innerText = `${mins}m${secs < 10 ? 0 : ''}${secs}s`
+						tsElem.innerText = `${mins > 0 ? `${mins}m` : ''}${secs < 10 ? 0 : ''}${secs}s`
 					}, 500)
 				}