fixed some small errors

wells/static/css/style.css

@@ -4,7 +4,7 @@
 @import url('https://fonts.googleapis.com/css2?family=Asul&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Walter+Turncoat&display=swap');
 * {
-  border: 1px black solid;
+  border: 0px black solid;
 }
 
 body {
@@ -62,7 +62,8 @@ body {
 
 /* Audio in background */
 .audio-button {
-  background: white;
+  background: transparent;
+  color:inherit;
 }
 
 .audio-button:hover {

wells/static/js/d3_map.js

@@ -34,10 +34,11 @@ var div = d3.select("body").append("div").style("opacity", 1);
       .attr("class", function(d){return "node group" + d.group})
       .attr("id", function(d){return d.id})
       .on("click", function(i){
-            popup(i.id,i.time);
             // popup video
             div.transition().duration(100);
-            div.html("<div id='show_video_bio'><span onclick='this.parentElement.style.display='none'' class='topleft'>&times</span><iframe width='300' height='150' src='"+i.url+"' frameborder='0' allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture' allowfullscreen></iframe><div id='bio"+i.id+"'>"+i.bio+"</div></div>")
+            div.html("<div id='show_video_bio'><span onclick='this.parentElement.style.display='none'' class='topleft'>&times</span><iframe width='300' height='150' src='"+i.url+"' frameborder='0' allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture' allowfullscreen></iframe><div id='bio"+i.id+"'>"+i.bio+"</div></div>");
+            // rest pop up
+            popup(i.id,i.time);
           })
       .on("dblclick",connectedNodes)// Added code
       .call(force.drag);
@@ -163,9 +164,9 @@ function popup(name,time) {
       console.log("around")
       $("#thesis").fadeIn()
       $("#bio"+name).fadeIn()
-      // var dada = document.getElementById("text"+name);
-      // dada.className += " active";
-      // dada.scrollIntoView();
+      var dada = document.getElementById("text"+name);
+      dada.className += " active";
+      dada.scrollIntoView();
       // var audio1 = document.getElementById("audioBG");
       // audio1.currentTime = time;
       // audio1.play();