diff --git a/src/components/SearchToolbar.vue b/src/components/SearchToolbar.vue index e5ea4c2074ee44722c6a6001823b08f4de2db204..35416c1e8c9cc2f8faee5b050d558f4226025525 100644 --- a/src/components/SearchToolbar.vue +++ b/src/components/SearchToolbar.vue @@ -1,5 +1,13 @@ <template> <v-card rounded="xl"> + <v-btn v-if="$vuetify.breakpoint.smAndDown" + class="search_options" + small + text + rounded + + @click="expanded=!expanded"> + <v-icon small left color="primary">filter_alt</v-icon>Søkealternativer<v-icon small right>{{expanded ? 'expand_less': 'expand_more'}}</v-icon></v-btn> <v-container fluid v-if="expanded || $vuetify.breakpoint.mdAndUp"> <v-row > <v-col :cols="$vuetify.breakpoint.smAndDown ? 12 : 3"> @@ -34,13 +42,6 @@ </v-row> </v-container> - <v-btn v-if="$vuetify.breakpoint.smAndDown" - class="search_options" - - text - - @click="expanded=!expanded"> - <v-icon>{{expanded ? 'expand_less': 'filter_alt'}}</v-icon>{{expanded? '' : 'Søkealternativer'}}</v-btn> </v-card> </template>