show assembly and ancestry

client/pages/gwas.vue

@@ -17,16 +17,25 @@
           :class="{ 'selected-table': selectedInitTable === table.tableName }"
           :color="selectedInitTable === table.tableName ? 'blue lighten-4' : ''">
           <v-card-title>{{ table.name }}</v-card-title>
-          <v-card-text v-sanitized-html="$md.render(table.desc)"></v-card-text>
-          <v-card-text>
-            <div>
+          <v-card-text class="row">
+            <div
+              v-sanitized-html="$md.render(table.desc)"
+              class="col-12 pt-0 pb-0"
+            ></div>
+            <div class="col-12 col-md-6 pt-0">
               <strong>{{ table.nb_snps.toLocaleString() }}</strong>
               SNPS
             </div>
-            <div>
+            <div class="col-12 col-md-6 pt-0 order-2">
               <strong>{{ table.nb_phenotypes.toLocaleString() }}</strong>
               phenotypes
             </div>
+            <div class="col-12 col-md-6 pt-0 order-1">
+              assembly: <strong>{{ table.assembly.toLocaleString() }}</strong>
+            </div>
+            <div class="col-12 col-md-6 pt-0 order-2">
+              ancestry: <strong>{{ table.ancestry.toLocaleString() }}</strong>
+            </div>
           </v-card-text>
           <v-card-actions class="card-buttons">
             <v-btn class="button" color="primary" @click="selectAncestry(table.tableName)">