From ad2923b9756ccb6a8cd7af43dea6bfa0c7f6fcd7 Mon Sep 17 00:00:00 2001
From: Martti Malmi <sirius@iki.fi>
Date: Thu, 9 Apr 2020 20:58:24 +0300
Subject: [PATCH] video call btn

---
 src/css/style.css   | 2 +-
 src/js/app.js       | 2 +-
 src/js/videocall.js | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/css/style.css b/src/css/style.css
index 5e9115d7..04a326d8 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -642,7 +642,7 @@ small {
   /* Position the tooltip text */
   position: absolute;
   z-index: 1;
-  left: -125%;
+  right: 0;
   top: 100%;
   margin-left: -60px;
 
diff --git a/src/js/app.js b/src/js/app.js
index 4c2cea00..c4afd836 100644
--- a/src/js/app.js
+++ b/src/js/app.js
@@ -730,7 +730,7 @@ function addUserToHeader(pub) {
   textEl.append($('<small>').addClass('typing-indicator').text('typing...'));
   $("#header-content").append(textEl);
   textEl.on('click', () => showProfile(pub));
-  var videoCallBtn = $(`<a class="tooltip"><span class="tooltiptext">Video call</span><svg enable-background="new 0 0 50 50" id="Layer_1" version="1.1" viewBox="0 0 50 50" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><rect fill="none" style="height:24px;width:24px"/><polygon fill="none" points="49,14 36,21 36,29   49,36 " stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="4"/><path d="M36,36c0,2.209-1.791,4-4,4  H5c-2.209,0-4-1.791-4-4V14c0-2.209,1.791-4,4-4h27c2.209,0,4,1.791,4,4V36z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="4"/></svg></a>`).attr('id', 'start-video-call').css({width:24, height:24});
+  var videoCallBtn = $(`<a class="tooltip"><span class="tooltiptext">Video call</span><svg enable-background="new 0 0 50 50" id="Layer_1" version="1.1" viewBox="0 0 50 50" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><rect fill="none" style="height:24px;width:24px"/><polygon fill="none" points="49,14 36,21 36,29   49,36 " stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="4"/><path d="M36,36c0,2.209-1.791,4-4,4  H5c-2.209,0-4-1.791-4-4V14c0-2.209,1.791-4,4-4h27c2.209,0,4,1.791,4,4V36z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="4"/></svg></a>`).attr('id', 'start-video-call').css({width:24, height:24, color: 'var(--msg-form-button-color)'});
   videoCallBtn.click(() => callingInterval ? null : callUser(pub));
   var voiceCallBtn = $('<a><svg enable-background="new 0 0 50 50" style="height:20px;width:20px" id="Layer_1" version="1.1" viewBox="0 0 50 50" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><rect fill="none" height="50" width="50"/><path d="M30.217,35.252c0,0,4.049-2.318,5.109-2.875  c1.057-0.559,2.152-0.7,2.817-0.294c1.007,0.616,9.463,6.241,10.175,6.739c0.712,0.499,1.055,1.924,0.076,3.32  c-0.975,1.396-5.473,6.916-7.379,6.857c-1.909-0.062-9.846-0.236-24.813-15.207C1.238,18.826,1.061,10.887,1,8.978  C0.939,7.07,6.459,2.571,7.855,1.595c1.398-0.975,2.825-0.608,3.321,0.078c0.564,0.781,6.124,9.21,6.736,10.176  c0.419,0.66,0.265,1.761-0.294,2.819c-0.556,1.06-2.874,5.109-2.874,5.109s1.634,2.787,7.16,8.312  C27.431,33.615,30.217,35.252,30.217,35.252z" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="4"/></svg></a>').css({width:20, height:20, 'margin-right': 20});
   voiceCallBtn.click(() => callingInterval ? stopCalling(pub) : callUser(pub));
diff --git a/src/js/videocall.js b/src/js/videocall.js
index 10817778..192af3a3 100644
--- a/src/js/videocall.js
+++ b/src/js/videocall.js
@@ -92,7 +92,7 @@ async function addStreamToPeerConnection(pc) {
 }
 
 function timeoutPlayCallSound() {
-  callSoundTimeout = setTimeout(() => callSound.play(), 3000);
+  callSoundTimeout = setTimeout(() => callSound.play(), 3500);
 }
 
 async function callUser(pub, video = true) {