From 2d396f013f90eeeec2e1112ad9b5b3c4b084f367 Mon Sep 17 00:00:00 2001
From: Miroslav Pejic <miroslav.pejic.85@gmail.com>
Date: Fri, 19 Jul 2024 17:56:38 +0200
Subject: [PATCH] [mirotalksfu] - improve polls UI, update dep

---
 app/src/Server.js       |  2 +-
 package.json            |  4 ++--
 public/css/Polls.css    |  2 +-
 public/js/Room.js       |  2 +-
 public/js/RoomClient.js |  2 +-
 public/views/Room.html  | 50 ++++++++++++++++++++---------------------
 6 files changed, 31 insertions(+), 31 deletions(-)

diff --git a/app/src/Server.js b/app/src/Server.js
index a8003118..b8f42ccb 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.16
+ * @version 1.5.17
  *
  */
 
diff --git a/package.json b/package.json
index 62057aa4..02f8ddfd 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "mirotalksfu",
-    "version": "1.5.16",
+    "version": "1.5.17",
     "description": "WebRTC SFU browser-based video calls",
     "main": "Server.js",
     "scripts": {
@@ -58,7 +58,7 @@
     },
     "dependencies": {
         "@sentry/integrations": "7.114.0",
-        "@sentry/node": "8.18.0",
+        "@sentry/node": "8.19.0",
         "axios": "^1.7.2",
         "body-parser": "1.20.2",
         "colors": "1.4.0",
diff --git a/public/css/Polls.css b/public/css/Polls.css
index c3303dbd..4b69aea9 100644
--- a/public/css/Polls.css
+++ b/public/css/Polls.css
@@ -24,6 +24,7 @@
 .polls {
     width: 100%;
     height: 100%;
+    max-height: 400px;
     overflow-x: hidden;
 }
 
@@ -110,7 +111,6 @@
 }
 
 .polls-container {
-    margin-top: 20px;
     margin-bottom: 70px;
 }
 
diff --git a/public/js/Room.js b/public/js/Room.js
index d80e2e3a..280dce8b 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.16
+ * @version 1.5.17
  *
  */
 
diff --git a/public/js/RoomClient.js b/public/js/RoomClient.js
index fa699472..281d7093 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.16
+ * @version 1.5.17
  *
  */
 
diff --git a/public/views/Room.html b/public/views/Room.html
index 35b463e1..15e5885b 100644
--- a/public/views/Room.html
+++ b/public/views/Room.html
@@ -1457,33 +1457,33 @@ <h2 class="poll-h2">Polls</h2>
                     <button id="pollCloseBtn" class="fas fa-times"></button>
                 </div>
             </div>
-            <div class="polls">
-                <div id="pollForm" class="poll-creation">
-                    <form id="pollCreateForm" class="form">
-                        <div class="form-group">
-                            <label for="question">Question:</label>
-                            <input type="text" id="question" name="question" required />
+            <div id="pollForm" class="poll-creation">
+                <form id="pollCreateForm" class="form">
+                    <div class="form-group">
+                        <label for="question">Question:</label>
+                        <input type="text" id="question" name="question" required />
+                    </div>
+                    <div class="form-group">
+                        <label for="options">Options:</label>
+                        <div id="optionsContainer">
+                            <input type="text" name="option" class="option-input" required />
                         </div>
-                        <div class="form-group">
-                            <label for="options">Options:</label>
-                            <div id="optionsContainer">
-                                <input type="text" name="option" class="option-input" required />
-                            </div>
-                            <br />
-                            <div class="poll-btns">
-                                <button type="button" id="pollAddOptionBtn" class="poll-btn">
-                                    <i class="fas fa-plus"></i>
-                                </button>
-                                <button type="button" id="pollDelOptionBtn" class="del-btn">
-                                    <i class="fas fa-minus"></i>
-                                </button>
-                                <button type="submit" id="addPollButton" class="poll-btn">
-                                    <i class="fas fa-square-poll-horizontal"></i> Create Poll
-                                </button>
-                            </div>
+                        <br />
+                        <div class="poll-btns">
+                            <button type="button" id="pollAddOptionBtn" class="poll-btn">
+                                <i class="fas fa-plus"></i>
+                            </button>
+                            <button type="button" id="pollDelOptionBtn" class="del-btn">
+                                <i class="fas fa-minus"></i>
+                            </button>
+                            <button type="submit" id="addPollButton" class="poll-btn">
+                                <i class="fas fa-square-poll-horizontal"></i> Create Poll
+                            </button>
                         </div>
-                    </form>
-                </div>
+                    </div>
+                </form>
+            </div>
+            <div class="polls">
                 <div id="pollsContainer" class="polls-container"></div>
             </div>
         </section>