From f0f05d327ed5a12cd24eec1968a6e8c5290d5e87 Mon Sep 17 00:00:00 2001
From: Henrik Askjer <henrik.askjer@uib.no>
Date: Thu, 23 Dec 2021 09:06:55 +0100
Subject: [PATCH] tweak search menu button
---
src/components/SearchToolbar.vue | 15 ++++++++-------
1 file changed, 8 insertions(+), 7 deletions(-)
diff --git a/src/components/SearchToolbar.vue b/src/components/SearchToolbar.vue
index e5ea4c20..35416c1e 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>
--
GitLab