diff --git a/client/pages/gwas.vue b/client/pages/gwas.vue index 0a5686fab0b27bf938bf30982792a6c8d5f86b7c..24650e8de9b3ec304ab461996323b15216159543 100644 --- a/client/pages/gwas.vue +++ b/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)">