make download almost ok

components/content/MolstarPdbePlugin.vue

@@ -161,13 +161,21 @@ const moleculeFormat: Ref<string> = ref("pdb")
 <template>
     <template v-if="uniq">
         <v-row justify="space-between" dense no-gutters align="center">
-            <v-col>{{ $props.format }}</v-col>
             <v-col>
                 <v-btn size="x-small" variant="text" icon="md:visibility" @click="setSelectedPdbToFirst()"></v-btn>
             </v-col>
             <v-col>
-                <v-btn :disabled="!structureToDownload" size="x-small" variant="text" icon="md:download" class="ml-1"
-                    :href="structureToDownload"></v-btn>
+                <v-menu>
+                    <template v-slot:activator="{ props }">
+                        <v-btn :disabled="refinedDataUrls?.length < 1" size="x-small" variant="text" icon="md:download"
+                            class="ml-1" v-bind="props"></v-btn>
+                    </template>
+                    <v-list>
+                        <v-list-item v-for="(item, index) in refinedDataUrls" :key="index" :value="index">
+                            <v-list-item-title :href="item">{{ item }}</v-list-item-title>
+                        </v-list-item>
+                    </v-list>
+                </v-menu>
             </v-col>
         </v-row>
     </template>

components/content/StructureDb.vue

@@ -71,7 +71,7 @@ const computedAutocompleteMeiliFacetsProps = computed(() => {
 
 
 const headers: Ref<Object[]> = ref([
-    { title: 'Structure', key: 'structure', sortable: false, removable: false, fixed: true, minWidth: "130px" },
+    { title: 'Structure', key: 'structure', sortable: false, removable: false, fixed: true, minWidth: "110px" },
     { title: 'Foldseek', key: 'Foldseek_name', sortable: false },
     { title: "System", key: "System", removable: false },
     { title: "Gene name", key: "gene_name", removable: false },
@@ -214,14 +214,14 @@ const { refinedUrl: downloadAllCifUrl } = useRefinedUrl("/df-all-cifs.tar.gz")
         <template #[`item.structure`]="{ item }">
             <v-row no-gutters align="center">
                 <MolstarPdbePlugin v-if="item?.pdb && item.pdb !== 'na'"
-                    :data-urls="[`/${item.System_name_ok}/${pdbNameToCif(item.pdb)}`]" uniq format="cif">
+                    :data-urls="[`/${item.System_name_ok}/${pdbNameToCif(item.pdb)}`, `/${item.System_name_ok}/${item.pdb}`]" uniq format="cif">
                 </MolstarPdbePlugin>
             </v-row>
-            <v-row no-gutters align="center">
+            <!-- <v-row no-gutters align="center">
                 <MolstarPdbePlugin v-if="item?.pdb && item.pdb !== 'na'"
                     :data-urls="[`/${item.System_name_ok}/${item.pdb}`]" uniq format="pdb">
                 </MolstarPdbePlugin>
-            </v-row>
+            </v-row> -->
 
 
 
@@ -235,8 +235,9 @@ const { refinedUrl: downloadAllCifUrl } = useRefinedUrl("/df-all-cifs.tar.gz")
         <template #toolbar-items>
             <v-menu>
                 <template v-slot:activator="{ props }">
-                    <v-btn variant="text" color="primary" class="align-self-end" v-bind="props">download
-                        all</v-btn>
+                    <!-- <v-tooltip activator="parent" location="top">Download all structures</v-tooltip> -->
+                    <v-btn class="align-self-end" v-bind="props" icon="md:download">
+                    </v-btn>
                 </template>
                 <v-list>
                     <v-list-item value="pdb" :href="downloadAllPdbUrl">