fixed x again and styled some stuff

index.html

@@ -132,7 +132,6 @@ publications, go to at.wdka.nl/hpresearchawards</div>
 <div id="nothesis">
         <div w3-include-html="thesis.html" id="thesis" class="draggable thesis">
         </div>
-        <span onclick=closethesis() class="thesisX" >&times</span><span onclick=closethesis() class="thesisX" >&times</span>
 </div>
   </div>
 

static/css/style.css

@@ -54,6 +54,7 @@ body {
   margin-right: 10px;
   margin-left: 20px;
   position: relative;
+  border-top: 1px dashed #d81159;;
 }
 .media_area {
   margin-top: 10px;
@@ -400,18 +401,18 @@ h2 {
 .topleft {
   float: right;
   cursor: pointer;
-  font-size: 140%;
+  font-size: 16px;
   color: black;
 }
 
 .thesisX {
   position: absolute;
   z-index:5;
-  left: 48%;
+  left: 96%;
-  top: 14%;
+  top: 8%;
   float: right;
   cursor: pointer;
-  font-size: 140%;
+  font-size: 16px;
   color: black;
 }
 

static/js/d3_map.js

@@ -148,7 +148,7 @@ d3.json("/static/js/group1.json", function(error, json) {
     $("#bio" + name).fadeIn()
    var dada = document.getElementById("text" + name);
    dada.className += " active";
-   dada.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'start' });
+   dada.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'nearest' });
   };
 
 });

thesis.html

@@ -1,3 +1,4 @@
+<span onclick=closethesis() class="thesisX" >&times</span>
 <div>
 <h1>Wells of Knowledge: <p>Streams of poetry, music and resistance in Turkey</h1>
 <h2>Merve Kılıçer</h2>