window.onload = (event) => {
  console.log("entered feedback js");
    var feedbackbtn = document.getElementById("feedback-button");
    let w = window.innerWidth;

    if (w <=  480)
    {
      feedbackbtn.style.translate = "-120px";
    }
    else{
      feedbackbtn.style.translate = "0px -120px";
      feedbackbtn.style.visibility = "visible";
    }
    
  
    // Get the modal
    var modal = document.getElementById("feedback-container");

    // Get the <span> element that closes the modal
    var span = document.getElementsByClassName("close-feedback")[0];
    var overlay = document.getElementById("feedback-overlay");
    // When the user clicks on the button, open the modal
    feedbackbtn.onclick = function () {
      // jQuery("#feedback-container").css("display", "flex");
      modal.style.display = "block";
      overlay.style.display = "block";
    }
  
    // When the user clicks on <span> (x), close the modal
    span.onclick = function () {
      modal.style.display = "none";
      overlay.style.display = "none";
    }
    // When the user clicks anywhere outside of the modal, close it
    overlay.onclick = function () {
      modal.style.display = "none";
      overlay.style.display = "none";
    }
  
  
  };