From 564c4bc5ce4d7457d28b2e5d50dc035deb2753ee Mon Sep 17 00:00:00 2001
From: John Cardinal <support@ayanova.com>
Date: Fri, 21 Feb 2020 00:39:49 +0000
Subject: [PATCH]

---
 ayanova/src/views/ay-data-list-view.vue | 71 +++++++++++++------------
 1 file changed, 36 insertions(+), 35 deletions(-)

diff --git a/ayanova/src/views/ay-data-list-view.vue b/ayanova/src/views/ay-data-list-view.vue
index b50a36e3..be34e6a4 100644
--- a/ayanova/src/views/ay-data-list-view.vue
+++ b/ayanova/src/views/ay-data-list-view.vue
@@ -211,42 +211,43 @@
                           {{ item.enumType }}
                         </div>
                       </div>
-                      <!-- AND / OR FILTER CONDITIONS -->
-                      <template v-if="item.filter.items.length > 0">
-                        <div class="pt-6">
-                          <v-radio-group v-model="item.filter.any" row>
-                            <v-radio
-                              :label="lt('GridFilterDialogAndRadioText')"
-                              :value="false"
-                            ></v-radio>
-                            <v-radio
-                              :label="lt('GridFilterDialogOrRadioText')"
-                              :value="true"
-                            ></v-radio>
-                          </v-radio-group>
-                        </div>
-                      </template>
 
-                      <!-- FILTER LIST -->
-                      <div>
-                        <v-list>
-                          <v-list-item
-                            v-for="(filterItem, index) in item.filter.items"
-                            :key="index"
-                          >
-                            <v-list-item-content>
-                              <v-list-item-title
-                                v-text="filterItem.op + ' ' + filterItem.value"
-                              >
-                              </v-list-item-title>
-                            </v-list-item-content>
-                            <v-list-item-action>
-                              <v-btn icon>
-                                <v-icon>fa-trash-alt</v-icon>
-                              </v-btn>
-                            </v-list-item-action>
-                          </v-list-item>
-                        </v-list>
+                      <div class="pt-6">
+                        <!-- FILTER LIST -->
+                        <template v-if="item.filter.items.length > 0">
+                          <v-list elevation="2">
+                            <v-subheader>
+                              <!-- AND / OR FILTER CONDITIONS -->
+                              <v-radio-group v-model="item.filter.any" row>
+                                <v-radio
+                                  :label="lt('GridFilterDialogAndRadioText')"
+                                  :value="false"
+                                ></v-radio>
+                                <v-radio
+                                  :label="lt('GridFilterDialogOrRadioText')"
+                                  :value="true"
+                                ></v-radio> </v-radio-group
+                            ></v-subheader>
+                            <v-list-item
+                              v-for="(filterItem, index) in item.filter.items"
+                              :key="index"
+                            >
+                              <v-list-item-content>
+                                <v-list-item-title
+                                  v-text="
+                                    filterItem.op + ' ' + filterItem.value
+                                  "
+                                >
+                                </v-list-item-title>
+                              </v-list-item-content>
+                              <v-list-item-action>
+                                <v-btn icon>
+                                  <v-icon>fa-trash-alt</v-icon>
+                                </v-btn>
+                              </v-list-item-action>
+                            </v-list-item>
+                          </v-list>
+                        </template>
                         <v-divider></v-divider>
                         {{ item }}
                       </div>