From 9e838a7f18ccbfbf609ac45f5f811c8bd3a42e41 Mon Sep 17 00:00:00 2001
From: Steven Nguyen <stnguyen90@users.noreply.github.com>
Date: Wed, 17 Jan 2024 23:32:54 +0000
Subject: [PATCH] Move the User Targets Filters & Columns buttons to the same
 row as the Heading

---
 .../auth/user-[user]/targets/+page.svelte     | 37 ++++++++++---------
 1 file changed, 19 insertions(+), 18 deletions(-)

diff --git a/src/routes/console/project-[project]/auth/user-[user]/targets/+page.svelte b/src/routes/console/project-[project]/auth/user-[user]/targets/+page.svelte
index e47d65f9d..0c5a004d2 100644
--- a/src/routes/console/project-[project]/auth/user-[user]/targets/+page.svelte
+++ b/src/routes/console/project-[project]/auth/user-[user]/targets/+page.svelte
@@ -25,12 +25,31 @@
     <div class="u-flex u-flex-vertical">
         <div class="u-flex u-main-space-between">
             <Heading tag="h2" size="5">Targets</Heading>
+            <!-- TODO: Remove u-hide to add creating a target -->
             <div class="is-only-mobile u-hide">
                 <Button on:click={() => (showAdd = true)} event="create_user_target">
                     <span class="icon-plus" aria-hidden="true" />
                     <span class="text">Add target</span>
                 </Button>
             </div>
+            <!-- TODO: Remove when searching is added -->
+            <div class="u-flex u-main-end u-gap-16 is-not-mobile">
+                <Filters query={data.query} {columns} />
+                <div>
+                    <ViewSelector
+                        view={View.Table}
+                        {columns}
+                        hideView
+                        allowNoColumns
+                        showColsTextMobile />
+                    <div class="u-hide">
+                        <Button on:click={() => (showAdd = true)} event="create_user_target">
+                            <span class="icon-plus" aria-hidden="true" />
+                            <span class="text">Add target</span>
+                        </Button>
+                    </div>
+                </div>
+            </div>
         </div>
         <!-- TODO: Add searching when API supports it -->
         <!-- <SearchQuery search={data.search} placeholder="Search by name">
@@ -48,24 +67,6 @@
                 </Button>
             </div>
         </SearchQuery> -->
-        <!-- TODO: Remove when searching is added -->
-        <div class="u-flex u-main-end u-gap-16 is-not-mobile">
-            <Filters query={data.query} {columns} />
-            <div>
-                <ViewSelector
-                    view={View.Table}
-                    {columns}
-                    hideView
-                    allowNoColumns
-                    showColsTextMobile />
-                <div class="u-hide">
-                    <Button on:click={() => (showAdd = true)} event="create_user_target">
-                        <span class="icon-plus" aria-hidden="true" />
-                        <span class="text">Add target</span>
-                    </Button>
-                </div>
-            </div>
-        </div>
         <div class="u-flex u-gap-16 is-only-mobile u-margin-block-start-16">
             <div class="u-flex-basis-50-percent">
                 <!-- TODO: fix width -->