feedback handler update

Author: luanmeiniubi

feedback-loader.js

@@ -14,8 +14,8 @@ document.addEventListener("DOMContentLoaded", () => {
 
 /* Open feedback modal */
 window.openFeedback = function () {
-  const overlay = document.getElementById("modal-overlay");
-  const modal = document.getElementById("modal-content");
+  const overlay = document.getElementById("feedbackOverlay");
+  const modal = document.getElementById("feedbackModal");
 
   if (!overlay || !modal) return;
 
@@ -28,15 +28,32 @@ window.openFeedback = function () {
 
       <!-- Header -->
       <div class="sw-header">
-        <svg class="sw-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-          <path d="M21 15a4 4 0 0 1-4 4H7l-4 4V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z"></path>
-        </svg>
+        <svg
+  class="sw-icon"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+  aria-hidden="true"
+>
+  <!-- Taller speech bubble -->
+  <path d="M4 4h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H9l-5 5v-5H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" />
+
+  <!-- Dots (spread out more) -->
+  <circle cx="8"  cy="11.5" r="1" fill="currentColor" stroke-width="0.8" />
+  <circle cx="12" cy="11.5" r="1" fill="currentColor" stroke-width="0.8"/>
+  <circle cx="16" cy="11.5" r="1" fill="currentColor" stroke-width="0.8" />
+</svg>
+
+
         <h2 class="sw-title">Send Feedback</h2>
         <button class="sw-close" data-feedback-close aria-label="Close feedback">
-          <svg viewBox="0 0 24 24" width="22" height="22" fill="none" stroke="currentColor" stroke-width="3">
-            <line x1="18" y1="6"  x2="6"  y2="18"></line>
-            <line x1="6"  y1="6"  x2="18" y2="18"></line>
-          </svg>
+           <svg viewBox="0 0 24 24" width="22" height="22" fill="none" stroke="currentColor" stroke-width="3">
+        <line x1="18" y1="6"  x2="6"  y2="18"></line>
+        <line x1="6"  y1="6"  x2="18" y2="18"></line>
+      </svg>
         </button>
       </div>
 
@@ -54,7 +71,7 @@ window.openFeedback = function () {
         </div>
 
         <div class="field">
-          <label>Which part of the Launchpad are you commenting on? *</label>
+          <label>Which part of the Tutorial Hub are you commenting on? *</label>
           <input name="section" required class="sw-input" />
         </div>
 
@@ -86,8 +103,8 @@ window.openFeedback = function () {
 
 /* Submit + close logic */
 function attachFeedbackHandlers() {
-  const overlay = document.getElementById("modal-overlay");
-  const modal = document.getElementById("modal-content");
+  const overlay = document.getElementById("feedbackOverlay");
+  const modal = document.getElementById("feedbackModal");
   const form = modal.querySelector("#feedbackForm");
 
   if (!form) return;