fix(player/tracker): fix html layout

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>

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)
 				}