Merge branch 'dev' into table-structure-with-molstar

components/content/RefseqDb.vue

@@ -65,7 +65,8 @@ const computedHeaders = computed(() => {
 })
 
 const computedWidth = computed(() => {
-    return Math.max(width.value, 550);
+    const currentWidth = fullWidth.value ? width.value : width.value / 2
+    return Math.max(currentWidth, 550);
 });
 
 const plotHeight = computed(() => {
@@ -141,7 +142,7 @@ const computedTaxonomyDistribution = computed(() => {
 const computedDistriTaxoOptions = computed(() => {
     return {
         ...defaultBarPlotOptions.value,
-        marginBottom: 200,
+        marginBottom: 120,
         marks: [
             Plot.barY(
                 toValue(computedTaxonomyDistribution),
@@ -183,11 +184,11 @@ function namesToAccessionChips(names: string[]) {
                 <v-btn icon="mdi-math-log" value="log"></v-btn>
             </v-btn-toggle>
         </v-toolbar>
-        <v-row align="start" class="mb-2">
+        <v-row align="start" class="my-2">
             <v-col :cols="fullWidth ? 12 : 6">
                 <v-card color="transparent" flat class="my-3">
-                    <v-card-title>Systems </v-card-title>
-
+                    <v-toolbar flat color="transparent">
+                        <v-toolbar-title>Systems</v-toolbar-title></v-toolbar>
                     <v-card-text>
                         <PlotFigure :options="unref(computedDistriSystemOptions)" defer></PlotFigure>
                     </v-card-text>
@@ -195,10 +196,12 @@ function namesToAccessionChips(names: string[]) {
             </v-col>
             <v-col :cols="fullWidth ? 12 : 6">
                 <v-card flat color="transparent">
-                    <v-card-title>Taxonomic</v-card-title>
-                    <v-card-text>
+                    <v-toolbar flat color="transparent">
+                        <v-toolbar-title>Taxonomic</v-toolbar-title>
                         <v-select v-model="selectedTaxoRank" :items="availableTaxo" density="compact"
                             label="Select taxonomic rank"></v-select>
+                    </v-toolbar>
+                    <v-card-text>
                         <PlotFigure defer :options="unref(computedDistriTaxoOptions)"></PlotFigure>
                     </v-card-text>
                 </v-card>