text before plot

components/content/ArticleSystemDistributionPlot.vue

@@ -153,16 +153,18 @@ async function fetchRefSeqTaxo() {
 </script>
 <template>
     <v-card flat>
-        <v-select v-model="selectedTaxoRank" :items="taxoRanks" density="compact" label="Select taxonomic rank"
-            hide-details="auto" class="mx-2"></v-select>
-
         <v-card-text>
             Among the {{ d3.format(",")(systemStatistics.totalGenome) }} complete genomes of RefSeq, the {{ page.title
             }} is
             detected in {{ d3.format(",")(systemStatistics.genomeWithSystem) }} genomes ({{
-            d3.format(".2f")(systemStatistics.percentGenome) }} %).
+                d3.format(".2f")(systemStatistics.percentGenome) }} %).
             The system was detected in {{ d3.format(",")(systemStatistics.speciesWithSystem) }} different species.
         </v-card-text>
+        <v-card-text>
+            <v-select v-model="selectedTaxoRank" :items="taxoRanks" density="compact" label="Select taxonomic rank"
+                hide-details="auto" class="mx-2"></v-select>
+        </v-card-text>
+
         <PlotFigure ref="systemsDistributionPlot" :options="unref(distributionOptions)" defer></PlotFigure>
     </v-card>
 </template>
\ No newline at end of file