From a94f1a2d7957d0f153096786bd57b608c8d236a3 Mon Sep 17 00:00:00 2001
From: Miroslav Pejic <miroslav.pejic.85@gmail.com>
Date: Wed, 24 Jul 2024 14:41:56 +0200
Subject: [PATCH] [mirotalksfu] - improve buttons UI

---
 app/src/Server.js       |  2 +-
 package.json            |  2 +-
 public/css/Room.css     | 11 +++++++----
 public/js/Room.js       |  4 ++--
 public/js/RoomClient.js |  2 +-
 5 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/app/src/Server.js b/app/src/Server.js
index 619474fa..207a1aab 100644
--- a/app/src/Server.js
+++ b/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.5.22
+ * @version 1.5.23
  *
  */
 
diff --git a/package.json b/package.json
index e328327f..c2312146 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "mirotalksfu",
-    "version": "1.5.22",
+    "version": "1.5.23",
     "description": "WebRTC SFU browser-based video calls",
     "main": "Server.js",
     "scripts": {
diff --git a/public/css/Room.css b/public/css/Room.css
index 628eb5d6..8a11c33a 100644
--- a/public/css/Room.css
+++ b/public/css/Room.css
@@ -199,6 +199,7 @@ body {
 
 #control button:hover {
     transform: translateY(-3px);
+    background: var(--body-bg) !important;
 }
 
 #control button i {
@@ -236,14 +237,15 @@ body {
     width: 48px;
     font-size: 1.4rem;
     padding: 10px;
-    background: var(--btns-bg-color);
     border-radius: 10px;
+    background: var(--btns-bg-color);
     border: none !important;
     transition: all 0.3s ease-in-out;
 }
 
 #bottomButtons button:hover {
     transform: var(--btns-hover-scale);
+    background: var(--body-bg) !important;
 }
 
 /*--------------------------------------------------------------
@@ -1086,7 +1088,8 @@ button {
 
 button:hover {
     color: grey;
-    transform: var(--btns-hover-scale);
+    /* background: var(--body-bg) !important; */
+    /* transform: var(--btns-hover-scale); */
 }
 
 .red {
@@ -1188,7 +1191,7 @@ button:hover {
 #receiveAbortBtn:hover,
 #receiveHideBtn:hover {
     color: rgb(255, 0, 0);
-    transform: var(--btns-hover-scale);
+    transform: translateY(-3px);
     transition: all 0.3s ease-in-out;
 }
 
@@ -1300,7 +1303,7 @@ progress {
     border: solid 0.5px #afadad38;
 }
 .whiteboardColorPicker:hover {
-    transform: var(--btns-hover-scale);
+    transform: translateY(-3px);
     transition: all 0.3s ease-in-out;
     cursor: pointer;
 }
diff --git a/public/js/Room.js b/public/js/Room.js
index 5f148880..14bd85e1 100644
--- a/public/js/Room.js
+++ b/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.5.22
+ * @version 1.5.23
  *
  */
 
@@ -4299,7 +4299,7 @@ function showAbout() {
         imageUrl: image.about,
         customClass: { image: 'img-about' },
         position: 'center',
-        title: 'WebRTC SFU v1.5.22',
+        title: 'WebRTC SFU v1.5.23',
         html: `
         <br />
         <div id="about">
diff --git a/public/js/RoomClient.js b/public/js/RoomClient.js
index a56145fa..fcd8db4f 100644
--- a/public/js/RoomClient.js
+++ b/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.5.22
+ * @version 1.5.23
  *
  */