Resolve "Table with all PDB files, to make them available to download"

Closes #132 (closed)

components/content/RefseqDb.vue

@@ -90,11 +90,11 @@ const defaultBarPlotOptions = computed(() => {
     const y = logTransform.value ? { nice: true, grid: true, type: 'symlog' } : { nice: true, grid: true, type: "linear" }
     // const y = { nice: true, grid: true }
     return {
-        x: { label: null, tickRotate: 70 },
+        x: { label: null, tickRotate: 45, ticks: 10 },
         y,
         color: { legend: true },
         width: computedWidth.value,
-        height: plotHeight.value,
+        height: plotHeight.value + 100,
     }
 })
 
@@ -113,7 +113,7 @@ const computedSystemDistribution = computed(() => {
 const computedDistriSystemOptions = computed(() => {
     return {
         ...defaultBarPlotOptions.value,
-        marginBottom: 120,
+        marginBottom: 100,
         marks: [
             // Plot.frame(),
             Plot.barY(
@@ -143,7 +143,7 @@ const computedTaxonomyDistribution = computed(() => {
 const computedDistriTaxoOptions = computed(() => {
     return {
         ...defaultBarPlotOptions.value,
-        marginBottom: 120,
+        marginBottom: 100,
         marks: [
             Plot.barY(
                 toValue(computedTaxonomyDistribution),
@@ -188,25 +188,36 @@ function namesToAccessionChips(names: string[]) {
             </v-btn-toggle>
         </v-toolbar>
         <v-row align="start" class="my-2">
+
             <v-col :cols="fullWidth ? 12 : 6">
-                <v-card color="transparent" flat class="my-3">
-                    <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>
+
+                <v-card color="transparent" flat>
+                    <v-expansion-panels>
+                        <v-expansion-panel elevation="3">
+                            <v-expansion-panel-title color="grey-lighten-4">Systems</v-expansion-panel-title>
+                            <v-expansion-panel-text>
+                                <PlotFigure :options="unref(computedDistriSystemOptions)" defer></PlotFigure>
+                            </v-expansion-panel-text>
+                        </v-expansion-panel>
+                    </v-expansion-panels>
                 </v-card>
             </v-col>
             <v-col :cols="fullWidth ? 12 : 6">
                 <v-card flat color="transparent">
-                    <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-expansion-panels>
+                        <v-expansion-panel elevation="3">
+                            <v-expansion-panel-title color="grey-lighten-4">
+                                Taxonomic
+
+
+                            </v-expansion-panel-title>
+                            <v-expansion-panel-text>
+
+                                <PlotFigure defer :options="unref(computedDistriTaxoOptions)"></PlotFigure>
+
+                            </v-expansion-panel-text>
+                        </v-expansion-panel>
+                    </v-expansion-panels>
                 </v-card>
             </v-col>
         </v-row>