[mirotalksfu] - fix whiteboard buttons 4 mobile, update dep

app/src/Server.js

@@ -44,7 +44,7 @@ dependencies: {
  * @license For commercial or closed source, contact us at license.mirotalk@gmail.com or purchase directly via CodeCanyon
  * @license CodeCanyon: https://codecanyon.net/item/mirotalk-sfu-webrtc-realtime-video-conferences/40769970
  * @author  Miroslav Pejic - miroslav.pejic.85@gmail.com
- * @version 1.4.92
+ * @version 1.4.93
  *
  */
 

package.json

@@ -1,6 +1,6 @@
 {
     "name": "mirotalksfu",
-    "version": "1.4.92",
+    "version": "1.4.93",
     "description": "WebRTC SFU browser-based video calls",
     "main": "Server.js",
     "scripts": {
@@ -56,7 +56,7 @@
     },
     "dependencies": {
         "@sentry/integrations": "7.114.0",
-        "@sentry/node": "8.16.0",
+        "@sentry/node": "8.17.0",
         "axios": "^1.7.2",
         "body-parser": "1.20.2",
         "colors": "1.4.0",
@@ -73,7 +73,7 @@
         "mediasoup-client": "3.7.12",
         "ngrok": "^5.0.0-beta.2",
         "nodemailer": "^6.9.14",
-        "openai": "^4.52.4",
+        "openai": "^4.52.5",
         "qs": "6.12.3",
         "socket.io": "4.7.5",
         "swagger-ui-express": "5.0.1",

public/css/Room.css

@@ -1189,36 +1189,34 @@ progress {
     display: flex;
     background: rgba(0, 0, 0, 0.2);
     border-radius: 10px;
-    padding: 10px;
+    padding: 5px;
     color: #fff;
     cursor: move;
 }
 
-.whiteboard-header-title {
-    display: inline-flex;
-    align-items: center;
-    float: right;
+.whiteboard-header button {
+    padding: 8px;
+    border-radius: 5px;
+    border: none !important;
 }
 
-.whiteboard-header-title div {
-    margin-left: 8px;
+.whiteboard-header-title {
+    display: inline;
+    align-items: center;
+    float: left;
 }
 
 .whiteboard-header-title button {
-    font-size: 1.5em;
-    margin-right: 5px;
-}
-
-.whiteboard-header button {
-    /* padding: 10px; */
-    border-radius: 5px;
-    /* border: var(--border); */
-    border: none !important;
+    font-size: 1.2rem;
 }
 
 .whiteboard-header-options {
     position: absolute;
-    right: 20px;
+    right: 10px;
+}
+
+.whiteboard-header-options button {
+    height: 36px;
 }
 
 .whiteboard-header-options .dropdown {

public/js/Room.js

@@ -11,7 +11,7 @@ if (location.href.substr(0, 5) !== 'https') location.href = 'https' + location.h
  * @license For commercial or closed source, contact us at license.mirotalk@gmail.com or purchase directly via CodeCanyon
  * @license CodeCanyon: https://codecanyon.net/item/mirotalk-sfu-webrtc-realtime-video-conferences/40769970
  * @author  Miroslav Pejic - miroslav.pejic.85@gmail.com
- * @version 1.4.92
+ * @version 1.4.93
  *
  */
 
@@ -4113,7 +4113,7 @@ function showAbout() {
         imageUrl: image.about,
         customClass: { image: 'img-about' },
         position: 'center',
-        title: 'WebRTC SFU v1.4.92',
+        title: 'WebRTC SFU v1.4.93',
         html: `
         <br />
         <div id="about">

public/js/RoomClient.js

@@ -9,7 +9,7 @@
  * @license For commercial or closed source, contact us at license.mirotalk@gmail.com or purchase directly via CodeCanyon
  * @license CodeCanyon: https://codecanyon.net/item/mirotalk-sfu-webrtc-realtime-video-conferences/40769970
  * @author  Miroslav Pejic - miroslav.pejic.85@gmail.com
- * @version 1.4.92
+ * @version 1.4.93
  *
  */