[mirotalk] - responsive badge, update dep

public/css/client.css

@@ -336,19 +336,44 @@ body {
     position: absolute;
     top: 2px;
     right: 2px;
-    min-width: 18px;
-    height: 18px;
+    min-width: 16px;
+    height: 16px;
     background: #e74c3c;
     color: #fff;
-    border-radius: 9px;
-    font-size: 12px;
+    border-radius: 8px;
+    font-size: 11px;
     display: flex;
     align-items: center;
     justify-content: center;
-    padding: 0 5px;
+    padding: 0 0.4em;
     pointer-events: none;
     z-index: 2;
     display: none;
+    box-sizing: border-box;
+    transition:
+        font-size 0.2s,
+        min-width 0.2s,
+        height 0.2s;
+}
+
+@media (max-width: 600px) {
+    #participantsCountBadge {
+        font-size: 12px;
+        min-width: 15px;
+        height: 15px;
+        top: 1px;
+        right: 1px;
+    }
+}
+
+@media (max-width: 400px) {
+    #participantsCountBadge {
+        font-size: 13px;
+        min-width: 14px;
+        height: 14px;
+        top: 0px;
+        right: 0px;
+    }
 }
 
 /*--------------------------------------------------------------

public/js/brand.js

@@ -77,7 +77,7 @@ let brand = {
     },
     about: {
         imageUrl: '../images/mirotalk-logo.gif',
-        title: 'WebRTC P2P v1.6.52',
+        title: 'WebRTC P2P v1.6.53',
         html: `
             <button 
                 id="support-button" 

public/js/client.js

@@ -15,7 +15,7 @@
  * @license For commercial use or closed source, contact us at license.mirotalk@gmail.com or purchase directly from CodeCanyon
  * @license CodeCanyon: https://codecanyon.net/item/mirotalk-p2p-webrtc-realtime-video-conferences/38376661
  * @author  Miroslav Pejic - miroslav.pejic.85@gmail.com
- * @version 1.6.52
+ * @version 1.6.53
  *
  */
 
@@ -5613,7 +5613,9 @@ function setParticipantsBtn() {
             elemDisplay(msgerCP, true, 'flex');
         }
         isParticipantsVisible = !isParticipantsVisible;
-        screenReaderAccessibility.announceMessage(isParticipantsVisible ? 'Participants panel opened' : 'Participants panel closed');
+        screenReaderAccessibility.announceMessage(
+            isParticipantsVisible ? 'Participants panel opened' : 'Participants panel closed'
+        );
     });
 }
 
@@ -12425,7 +12427,7 @@ function showAbout() {
     Swal.fire({
         background: swBg,
         position: 'center',
-        title: brand.about?.title && brand.about.title.trim() !== '' ? brand.about.title : 'WebRTC P2P v1.6.52',
+        title: brand.about?.title && brand.about.title.trim() !== '' ? brand.about.title : 'WebRTC P2P v1.6.53',
         imageUrl: brand.about?.imageUrl && brand.about.imageUrl.trim() !== '' ? brand.about.imageUrl : images.about,
         customClass: { image: 'img-about' },
         html: `

public/views/404.html

@@ -66,7 +66,7 @@
                                         <div class="reveal-from-bottom" data-reveal-delay="450">
                                             <button
                                                 class="button button-custom button-wide-mobile br-6 pulse"
-                                                onclick="window.location.href = '/';"
+                                                onclick="window.location.href = '/'"
                                             >
                                                 Go to Homepage
                                             </button>