From 8f0b508f85a416cfe50db9e1633a920586fffe1a Mon Sep 17 00:00:00 2001
From: Miroslav Pejic <miroslav.pejic.85@gmail.com>
Date: Mon, 20 Oct 2025 05:16:39 +0200
Subject: [PATCH] [mirotalksfu] - move notifications clean button

---
 app/src/Server.js       |  2 +-
 package-lock.json       |  4 ++--
 package.json            |  2 +-
 public/css/Room.css     | 21 ++++++++++++---------
 public/js/Brand.js      |  2 +-
 public/js/Room.js       |  4 ++--
 public/js/RoomClient.js |  2 +-
 public/views/Room.html  | 21 +++++++++------------
 8 files changed, 29 insertions(+), 29 deletions(-)

diff --git a/app/src/Server.js b/app/src/Server.js
index c45c7a64..315f6d61 100644
--- a/app/src/Server.js
+++ b/app/src/Server.js
@@ -64,7 +64,7 @@ dev 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.9.84
+ * @version 1.9.85
  *
  */
 
diff --git a/package-lock.json b/package-lock.json
index 9b48a71a..b921d011 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
     "name": "mirotalksfu",
-    "version": "1.9.84",
+    "version": "1.9.85",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "mirotalksfu",
-            "version": "1.9.84",
+            "version": "1.9.85",
             "license": "AGPL-3.0",
             "dependencies": {
                 "@aws-sdk/client-s3": "^3.913.0",
diff --git a/package.json b/package.json
index b5e381b4..93dc621e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "mirotalksfu",
-    "version": "1.9.84",
+    "version": "1.9.85",
     "description": "WebRTC SFU browser-based video calls",
     "main": "Server.js",
     "scripts": {
diff --git a/public/css/Room.css b/public/css/Room.css
index cf6f3fc2..468c11bc 100644
--- a/public/css/Room.css
+++ b/public/css/Room.css
@@ -783,6 +783,17 @@ body {
     align-items: center;
 }
 
+.input-container button {
+    flex: 1;
+    width: 20px;
+}
+
+.buttons-container {
+    display: flex;
+    justify-content: space-between;
+    gap: 6px;
+}
+
 #rtmpStreamURL,
 #rtmpLiveUrl {
     margin-top: 5px;
@@ -803,11 +814,6 @@ body {
     background: var(--select-bg) !important;
 }
 
-.input-container button {
-    flex: 1;
-    width: 20px;
-}
-
 .btn-custom {
     width: 100%;
     background: var(--body-bg);
@@ -1058,10 +1064,7 @@ body {
 }
 
 #notifyEmailCleanBtn {
-    height: 45px;
-    padding: 10px;
-    margin: 10px 0 10px 5px; /* top | right | bottom | left */
-    border: var(--border);
+    width: 130px;
 }
 
 /*--------------------------------------------------------------
diff --git a/public/js/Brand.js b/public/js/Brand.js
index 706873bc..3cb3997f 100644
--- a/public/js/Brand.js
+++ b/public/js/Brand.js
@@ -78,7 +78,7 @@ let BRAND = {
     },
     about: {
         imageUrl: '../images/mirotalk-logo.gif',
-        title: '<strong>WebRTC SFU v1.9.84</strong>',
+        title: '<strong>WebRTC SFU v1.9.85</strong>',
         html: `
             <button 
                 id="support-button" 
diff --git a/public/js/Room.js b/public/js/Room.js
index b700d176..d086d6f7 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.9.84
+ * @version 1.9.85
  *
  */
 
@@ -5710,7 +5710,7 @@ function showAbout() {
         position: 'center',
         imageUrl: BRAND.about?.imageUrl && BRAND.about.imageUrl.trim() !== '' ? BRAND.about.imageUrl : image.about,
         customClass: { image: 'img-about' },
-        title: BRAND.about?.title && BRAND.about.title.trim() !== '' ? BRAND.about.title : 'WebRTC SFU v1.9.84',
+        title: BRAND.about?.title && BRAND.about.title.trim() !== '' ? BRAND.about.title : 'WebRTC SFU v1.9.85',
         html: `
             <br />
             <div id="about">
diff --git a/public/js/RoomClient.js b/public/js/RoomClient.js
index f159d6b6..dc4c68d0 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.9.84
+ * @version 1.9.85
  *
  */
 
diff --git a/public/views/Room.html b/public/views/Room.html
index 64ffc939..225d292c 100644
--- a/public/views/Room.html
+++ b/public/views/Room.html
@@ -616,15 +616,7 @@ access to use this app.
                                 <i class="fas fa-envelope"></i>
                                 <p>Email</p>
                             </div>
-                            <div class="input-container">
-                                <input
-                                    type="text"
-                                    id="notifyEmailInput"
-                                    class="form-control"
-                                    placeholder="Enter email"
-                                />
-                                <button id="notifyEmailCleanBtn"><i class="fas fa-trash"></i></button>
-                            </div>
+                            <input type="text" id="notifyEmailInput" class="form-control" placeholder="Enter email" />
                         </div>
                         <br />
                         <div class="title">
@@ -646,9 +638,14 @@ access to use this app.
                                 </td>
                             </tr>
                         </table>
-                        <button id="saveNotificationsBtn" class="btn-custom">
-                            <i class="fas fa-save"></i> Save Notifications
-                        </button>
+                        <div class="buttons-container">
+                            <button id="notifyEmailCleanBtn" class="btn-custom">
+                                <i class="fas fa-trash"></i> Clean
+                            </button>
+                            <button id="saveNotificationsBtn" class="btn-custom">
+                                <i class="fas fa-save"></i> Save Notifications
+                            </button>
+                        </div>
                     </div>
 
                     <div id="tabModerator" class="tabcontent">