chore(ui): ticket list: rearrange buttons

TFSThiagoBR98 · Aug 22, 2023 · 57ec550 · 57ec550
1 parent e5f2018
commit 57ec550
Showing 1 changed file with 15 additions and 11 deletions.
diff --git a/desk/src/pages/desk/ticket-list/TicketList.vue b/desk/src/pages/desk/ticket-list/TicketList.vue
@@ -6,17 +6,6 @@
       </template>
       <template #right>
         <span class="flex gap-2">
-          <FilterPopover doctype="HD Ticket" />
-          <Dropdown :options="sortOptions">
-            <template #default>
-              <Button :label="getOrder() || 'Sort'" variant="outline" size="sm">
-                <template #prefix>
-                  <Icon icon="lucide:arrow-down-up" />
-                </template>
-              </Button>
-            </template>
-          </Dropdown>
-          <ColumnSelector id="ticket" :columns="columns" />
           <Button
             label="New ticket"
             theme="gray"
@@ -30,6 +19,21 @@
         </span>
       </template>
     </PageTitle>
+    <div class="mb-3 flex items-center justify-between px-4">
+      <FilterPopover doctype="HD Ticket" />
+      <div class="flex items-center gap-2">
+        <Dropdown :options="sortOptions">
+          <template #default>
+            <Button :label="getOrder() || 'Sort'" variant="outline" size="sm">
+              <template #prefix>
+                <Icon icon="lucide:arrow-down-up" />
+              </template>
+            </Button>
+          </template>
+        </Dropdown>
+        <ColumnSelector id="ticket" :columns="columns" />
+      </div>
+    </div>
     <MainTable :tickets="tickets.data" :columns="columns" class="grow" />
     <ListNavigation :resource="tickets" />
     <Dialog v-model="showNewDialog" :options="{ size: '3xl' }">