removed header added buttons

samhimes92 · Sep 27, 2023 · f8d3505 · f8d3505
1 parent 121c140
commit f8d3505
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 11 deletions.
diff --git a/js/script.js b/js/script.js
@@ -77,6 +77,7 @@ let tooltip = d3.select("body")
 
 
 
+
 Promise.all([all_data, sequences, meta_data]).then( data =>
     {
         // console.log("all data", data[0])

diff --git a/js/volcano.js b/js/volcano.js
@@ -51,7 +51,7 @@ this.volcanoSvg = this.volcano_div.append("svg")
         .attr('id', 'volcano_svg')
         .attr('width', this.WIDTH + 75)
         .attr('height', this.HEIGHT)
-        .attr("transform", `translate(0,${100})`)
+        .attr("transform", `translate(0,${150})`)
 
         //**********************************************************************************************
         //                                  GET MIN AND MAX

diff --git a/mpra_vis.html b/mpra_vis.html
@@ -11,13 +11,17 @@
 </head>
 <body>
     <header>
-        <h1>TRE MPRA VIS</h1>
+        <!-- <h1>TRE MPRA VIS</h1> -->
+
+        <button id="treatment_view_button", class="view_button">Treatment Centric View</button>
+        <button id="motif_view_button", class="view_button">Motif Centric View</button>
+
         <div>
-            <a href = "https://www.english.biochem.utah.edu/">The English Lab</a></div>
+            <a id="lab_link" href = "https://www.english.biochem.utah.edu/">The English Lab</a>
+
+        </div>
 
-            <!-- <button id="treatment_view_button", class="view_button">Treatment Centric View</button>
-            <button id="motif_view_button", class="view_button">Motif Centric View</button>
- -->
+
 
 
     </header>

diff --git a/style.css b/style.css
@@ -9,6 +9,7 @@ General Div Layout
     /* flex: 1; */
    /* border: 2px solid red;  */
     border-radius: 10px; 
+
 }  
 .right-column {
     display: flex;
@@ -109,7 +110,7 @@ Number DNA/RNA barcodes slider
 }
 
 
-/* .view_button{
+.view_button{
     border: 2px solid black;
     background-color: white;
     color: black;
@@ -124,12 +125,24 @@ Number DNA/RNA barcodes slider
     display: flex;
     flex-direction: column;
     cursor: pointer;
+    position: absolute;
+    left: 10px;
+    top: 10px;
 }
 #motif_view_button{
     display: flex;
     flex-direction: column;
     cursor: pointer;
-} */
+    position: absolute;
+    left: 300px;
+    top: 10px;
+}
+
+#lab_link{
+    position: absolute;
+    left: 600px;
+    top: 10px;
+}
 
 /* 
 Copy buttons
@@ -180,9 +193,6 @@ Condition search bars
     position: absolute;
     top: 90px;
     left: 50px;
-    font-size: 100%;
-
-
 }