Move search sort menu into loading area

diff --git a/client/views/SearchResults.vue b/client/views/SearchResults.vue
index 265061b69d4727205705c55c4b82879b272c16d8..cead56dbdb92b844a81d9d49c2911cde2f8030d9 100644 (file)
--- a/client/views/SearchResults.vue
+++ b/client/views/SearchResults.vue
@@ -3,19 +3,19 @@
     <!-- Search Input -->
     <SearchInput :initialSearchTerm="props.searchTerm" class="mb-2" />
 
-    <!-- Sort By -->
-    <div class="flex justify-end">
-      <CustomButton
-        :label="`Sort By: ${sortByName}`"
-        :iconPath="mdiSort"
-        class="mb-1"
-        @click="toggleSortMenu"
-      />
-      <PrimeMenu ref="sortMenu" :model="menuItems" :popup="true" />
-    </div>
-
-    <!-- Search Results -->
     <LoadingIndicator ref="loadingIndicator" class="flex-1">
+      <!-- Sort By -->
+      <div class="flex justify-end">
+        <CustomButton
+          :label="`Sort By: ${sortByName}`"
+          :iconPath="mdiSort"
+          class="mb-1"
+          @click="toggleSortMenu"
+        />
+        <PrimeMenu ref="sortMenu" :model="menuItems" :popup="true" />
+      </div>
+
+      <!-- Search Results -->
       <div
         v-for="result in results"
         class="mb-4 cursor-pointer rounded px-2 py-1 hover:bg-theme-background-elevated"