default cols 12 for numerical sliders

components/content/StructureDb.vue

@@ -100,7 +100,7 @@ const plddtDistribution = computed(() => {
 
         <template #numerical-filters="{ search }">
             <v-row>
-                <v-col md="12" lg="4">
+                <v-col cols="12" md="12" lg="4">
                     <v-range-slider v-model="plddtsRange" strict density="compact" hide-details="auto" label="pLDDT"
                         step="0.5" :min="0" :max="100" thumb-label="always" @update:modelValue="search()">
                         <template #append>
@@ -108,7 +108,7 @@ const plddtDistribution = computed(() => {
                         </template>
                     </v-range-slider>
                 </v-col>
-                <v-col md="12" lg="4">
+                <v-col cols="12" md="12" lg="4">
 
                     <v-range-slider v-model="iptmRange" strict density="compact" hide-details="auto" label="iptm+ptm"
                         step="0.1" :min="0" :max="1" thumb-label="always" @update:modelValue="search()">
@@ -118,7 +118,7 @@ const plddtDistribution = computed(() => {
                     </v-range-slider>
                 </v-col>
                 <!-- pdockqReset -->
-                <v-col md="12" lg="4">
+                <v-col cols="12" md="12" lg="4">
                     <v-range-slider v-model="pdockqRange" strict density="compact" hide-details="auto" label="pDockQ"
                         step="0.1" :min="0" :max="1" thumb-label="always" @update:modelValue="search()">
                         <template #append>