From e3b1ad5c23997aedb527f53cbc3d5c0d50d865df Mon Sep 17 00:00:00 2001
From: lovecoding-git <fedde198212@gmail.com>
Date: Fri, 25 Nov 2022 22:07:17 -0600
Subject: [PATCH] class modification

---
 js/Components/Table.vue | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/js/Components/Table.vue b/js/Components/Table.vue
index 456dd65..5b18cbb 100644
--- a/js/Components/Table.vue
+++ b/js/Components/Table.vue
@@ -8,7 +8,7 @@
       :class="{'opacity-75': isVisiting}"
     >
       <div class="flex flex-row flex-wrap sm:flex-nowrap justify-start px-4 sm:px-0">
-        <div class="order-2 sm:order-1 mr-2 sm:mr-4">
+        <div class="order-2 sm:order-1">
           <slot
             name="tableFilter"
             :has-filters="queryBuilderProps.hasFilters"
@@ -16,12 +16,14 @@
             :filters="queryBuilderProps.filters"
             :on-filter-change="changeFilterValue"
           >
-            <TableFilter
-              v-if="queryBuilderProps.hasFilters"
-              :has-enabled-filters="queryBuilderProps.hasEnabledFilters"
-              :filters="queryBuilderProps.filters"
-              :on-filter-change="changeFilterValue"
-            />
+          <div class="mr-2 sm:mr-4" 
+              v-if="queryBuilderProps.hasFilters">
+              <TableFilter
+                :has-enabled-filters="queryBuilderProps.hasEnabledFilters"
+                :filters="queryBuilderProps.filters"
+                :on-filter-change="changeFilterValue"
+              />
+          </div>
           </slot>
         </div>