card title instead of toolbar

pages/refseq.vue

@@ -169,13 +169,16 @@ const computedDistriTaxoOptions = computed(() => {
     </v-data-table-virtual>
   </v-card>
   <v-card class="my-3">
-    <v-toolbar density="compact"><v-toolbar-title> Distribution Systems</v-toolbar-title></v-toolbar>
+    <v-card-title> Systems Distribution</v-card-title>
+
+    <!-- <v-toolbar density="compact"><v-toolbar-title> Distribution Systems</v-toolbar-title></v-toolbar> -->
     <v-card-text>
       <PlotFigure :options="unref(computedDistriSystemOptions)" defer></PlotFigure>
     </v-card-text>
   </v-card>
   <v-card>
-    <v-toolbar color="primary" density="compact"><v-toolbar-title> Distribution </v-toolbar-title></v-toolbar>
+    <v-card-title> Taxonomic Distribution</v-card-title>
+    <!-- <v-toolbar density="compact"><v-toolbar-title> Distribution Taxonomy</v-toolbar-title></v-toolbar> -->
     <v-card-text>
       <v-select v-model="selectedTaxoRank" :items="availableTaxo" density="compact"
         label="Select taxonomic rank"></v-select>