From 159a99424361e80dbbefd73b3afb3c19adc037d5 Mon Sep 17 00:00:00 2001
From: Colin Gross <grosscol@gmail.com>
Date: Tue, 19 Nov 2024 13:32:53 -0500
Subject: [PATCH] Use entire space available for eqtl tables.   Avoid
 impression of error when no eqtl data available.

---
 src/components/GeneDashboard.vue       | 8 +++++---
 src/components/GeneSegments.vue        | 1 -
 src/components/table/EqtlCondTable.vue | 2 +-
 src/components/table/EqtlTable.vue     | 2 +-
 4 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/components/GeneDashboard.vue b/src/components/GeneDashboard.vue
index 40bbfd9..eceaba3 100644
--- a/src/components/GeneDashboard.vue
+++ b/src/components/GeneDashboard.vue
@@ -23,19 +23,21 @@
     <!-- eQTL tab -->
     <div id="eqtl-tab" v-if="showTab.eqtl">
       <div class="row justify-content-left px-5" >
-        <div class="col-md-5">
+        <div class="col-md-6">
           <div id="eqtl-collection" >
             <h4 @click="demo">SuSiE eQTLs</h4>
             <EqtlTable/>
           </div>
         </div>
-        <div class="col-md-5">
+        <div class="col-md-6">
           <div id="eqtl-collection">
             <h4>Conditional eQTLs</h4>
             <EqtlCondTable/>
           </div>
         </div>
-        <div class="col-md-11">
+      </div>
+      <div class="row justify-content-left px-5" >
+        <div class="col-md-12">
           <EqtlTableDescription/>
         </div>
       </div>
diff --git a/src/components/GeneSegments.vue b/src/components/GeneSegments.vue
index a8009f0..bea647b 100644
--- a/src/components/GeneSegments.vue
+++ b/src/components/GeneSegments.vue
@@ -98,7 +98,6 @@ export default {
       axios
         .get(`${this.api}/genes/${this.chrom}-${this.start}-${this.stop}`)
         .then( response => {
-          console.log(response)
           let genes = response.data.data;
           if (genes.length > 0) {
             let agg = genes.map(this.gene_to_aggregate)
diff --git a/src/components/table/EqtlCondTable.vue b/src/components/table/EqtlCondTable.vue
index 736736a..b279978 100644
--- a/src/components/table/EqtlCondTable.vue
+++ b/src/components/table/EqtlCondTable.vue
@@ -119,7 +119,7 @@ export default {
     this.tabulator = new Tabulator(this.$refs.eqtltable, {
       height: "150px",
       layout: "fitDataStretch",
-      placeholder: "No eQTL Data",
+      placeholder: "No Conditional eQTL Data",
       ajaxURL: this.ajaxUrl,
       ajaxParams: {gene: this.geneId },
       ajaxConfig: {
diff --git a/src/components/table/EqtlTable.vue b/src/components/table/EqtlTable.vue
index f59b821..d4ddfef 100644
--- a/src/components/table/EqtlTable.vue
+++ b/src/components/table/EqtlTable.vue
@@ -87,7 +87,7 @@ export default {
     this.tabulator = new Tabulator(this.$refs.eqtltable, {
       height: "150px",
       layout: "fitDataStretch",
-      placeholder: "No eQTL Data",
+      placeholder: "No SuiSiE eQTL Data",
       ajaxURL: this.ajaxUrl,
       ajaxParams: {gene: this.geneId },
       ajaxConfig: {