From 7c273a8bcab2da87acb3431448a53e91e360d5eb Mon Sep 17 00:00:00 2001
From: Udo Walter
Date: Sun, 19 Jan 2020 21:18:15 +0000
Subject: [webapp] upgrade/migration from vuetify 1.5 to 2.X still TODO: switch
 from old grid system (v-layout/v-flex) to the new one (v-row/v-col)

---
 webapp/src/components/DataTableSearch.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

(limited to 'webapp/src/components/DataTableSearch.vue')

diff --git a/webapp/src/components/DataTableSearch.vue b/webapp/src/components/DataTableSearch.vue
index 2b2980c..17e6976 100644
--- a/webapp/src/components/DataTableSearch.vue
+++ b/webapp/src/components/DataTableSearch.vue
@@ -19,7 +19,7 @@
         solo flat
         style="padding: 0: margin: 0;"
         class="search-field"
-        :placeholder="$t('search')"
+        :label="$t('search')"
         :value="s.text.raw"
         @input="prerocessSearch(s, $event)"
         hide-details
@@ -44,8 +44,8 @@
         }"
       ></v-select>
       <template v-if="!slim">
-        <v-btn v-if="index === 0" icon @click="newSearchField"><v-icon>add</v-icon></v-btn>
-        <v-btn v-else icon @click="removeSearchField(s)"><v-icon>remove</v-icon></v-btn>
+        <v-btn v-if="index === 0" icon @click="newSearchField" class="mx-2"><v-icon>add</v-icon></v-btn>
+        <v-btn v-else icon @click="removeSearchField(s)" class="mx-2"><v-icon>remove</v-icon></v-btn>
       </template>
     </div>
   </div>
@@ -216,6 +216,7 @@ export default {
 .search-field-wrapper {
   display: flex;
   flex-direction: column;
+  flex: 1;
 }
 
 .search-field-wrapper > div {
-- 
cgit v1.2.3-55-g7522

