Use entire space available for eqtl tables.

  Avoid impression of error when no eqtl data available.

Author: grosscol

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>

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)

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: {

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: {