homogenize serverTable style

components/ServerDbTable.vue

@@ -267,15 +267,15 @@ function focusedOrBlur(isFocused: boolean) {
 
 </script>
 <template>
-    <v-card flat color="transparent">
+    <v-card variant="flat" color="transparent">
         <slot name="numerical-filters" :search="throttleSearch"></slot>
         <v-data-table-server v-if="!msError" v-model:page="page" color="primary" v-bind="dataTableServerProps"
             v-model:items-per-page="hitsPerPage" v-model:sortBy="sortByRef" v-model:expanded="expanded" fixed-header
             :loading="loading" :items="msResult?.hits ?? []" :items-length="totalHits" density="compact"
-            :items-per-page-options="itemsPerPage" :height="computedTableHeight" class="elevation-1 mt-2">
+            :items-per-page-options="itemsPerPage" :height="computedTableHeight" class="elevation-0 mt-2">
 
             <template #top>
-                <v-card variant="flat" color="transparent">
+                <v-card flat color="transparent">
                     <v-card-text class="d-flex flex-row">
                         <v-badge :content="totalHits" color="primary" class="me-auto">
                             <v-btn prepend-icon="md:download" :loading="pendingDownloadData" variant="text"

components/content/RefseqDb.vue

@@ -456,9 +456,8 @@ async function downloadPng(component: ComponentPublicInstance | null, filename:
 </script>
 
 <template>
-    <v-card flat class="mb-2" color="transparent">
-        <v-card color="transparent" flat>
-            <v-expansion-panels v-model="systemPanel" class="my-2" density="compact" multiple>
+    <v-card class="mb-2">
+        <v-expansion-panels v-model="systemPanel" density="compact" multiple>
             <v-expansion-panel elevation="3" value="barplot">
                 <v-expansion-panel-title color="grey-lighten-4"><v-icon color="primary"
                         class="mr-2">mdi-chart-bar</v-icon>Systems - Taxonomic</v-expansion-panel-title>
@@ -614,8 +613,8 @@ async function downloadPng(component: ComponentPublicInstance | null, filename:
                 </v-chip>
             </template>
             <template #[`item.replicon`]="{ item }">
-                    <v-chip color="info" link size="small"
-                        :href="`https://www.ncbi.nlm.nih.gov/nuccore/${item.replicon}`" target="_blank"> {{
+                <v-chip color="info" link size="small" :href="`https://www.ncbi.nlm.nih.gov/nuccore/${item.replicon}`"
+                    target="_blank"> {{
             item.replicon }}
                 </v-chip>
             </template>
@@ -628,9 +627,5 @@ async function downloadPng(component: ComponentPublicInstance | null, filename:
                 </v-chip>
             </template>
         </ServerDbTable>
-
-
-        </v-card>
-
     </v-card>
 </template>
\ No newline at end of file

components/content/StructureDb.vue

@@ -173,6 +173,7 @@ const { refinedUrl: downloadAllCifUrl } = useRefinedUrl("/df-all-cifs.tar.gz")
             :autocomplete-meili-facets-props="computedAutocompleteMeiliFacetsProps"
             :numerical-filters="toRef(numericalFilters)">
             <template #numerical-filters="{ search }">
+                <v-card-text>
                     <v-row>
                         <v-col cols="12" md="4">
                             <v-card flat variant="tonal">
@@ -228,6 +229,7 @@ const { refinedUrl: downloadAllCifUrl } = useRefinedUrl("/df-all-cifs.tar.gz")
                             </v-card>
                         </v-col>
                     </v-row>
+                </v-card-text>
             </template>
             <template #[`item.Foldseek_name`]="{ item }">
                 <FoldseekDialog v-if="item.Foldseek_name !== 'na'" :foldseek-path="toFolseekUrl(item)"></FoldseekDialog>