From 8d8d46e76e3825c6a779ebc893c29466d841c46d Mon Sep 17 00:00:00 2001
From: Hoan Luu Huu <110280845+xquanluu@users.noreply.github.com>
Date: Thu, 25 Jan 2024 07:48:56 +0700
Subject: [PATCH] draw tts region label to lower possition (#393)

---
 src/containers/internal/views/recent-calls/player.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/containers/internal/views/recent-calls/player.tsx b/src/containers/internal/views/recent-calls/player.tsx
index 94de664..c70ff21 100644
--- a/src/containers/internal/views/recent-calls/player.tsx
+++ b/src/containers/internal/views/recent-calls/player.tsx
@@ -279,7 +279,7 @@ export const Player = ({ call }: PlayerProps) => {
             color: "rgba(255, 155, 0, 0.55)",
             drag: false,
             resize: false,
-            content: `${(end - start).toFixed(2)}s`,
+            content: createMultiLineTextElement(`${(end - start).toFixed(2)}s`),
           });
 
           changeRegionMouseStyle(latencyRegion, 1);
@@ -336,7 +336,7 @@ export const Player = ({ call }: PlayerProps) => {
   function createMultiLineTextElement(text: string) {
     const div = document.createElement("div");
     div.style.paddingLeft = "10px";
-    div.style.paddingTop = "10px";
+    div.style.paddingTop = "15px";
     div.appendChild(document.createElement("br"));
     div.appendChild(document.createTextNode(text));