diff --git a/src/lib/styles/main.css b/src/lib/styles/main.css
index cc21549..83a97d0 100644
--- a/src/lib/styles/main.css
+++ b/src/lib/styles/main.css
@@ -858,7 +858,7 @@ select option:hover {
}
.sort-container {
- min-width: 8rem;
+ min-width: 11rem;
max-width: 50%;
}
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 69f2393..39e1979 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -245,9 +245,11 @@
bind:value={sortOption}
onchange={handleSortChange}>
-
-
-
+
+
+
+
+
{/if}
diff --git a/src/routes/api/items/search/+server.ts b/src/routes/api/items/search/+server.ts
index cd96fe0..ccab874 100644
--- a/src/routes/api/items/search/+server.ts
+++ b/src/routes/api/items/search/+server.ts
@@ -10,12 +10,16 @@ function sortItems(items: IBasicItemPopulated[], sortOption: string): IBasicItem
switch (sortOption) {
case 'alphabetical':
return a.name.localeCompare(b.name);
+ case 'reverseAlphabetical':
+ return b.name.localeCompare(a.name);
case 'firstAdded':
return new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime();
case 'lastAdded':
return new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime();
case 'recentlyChanged':
return new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime();
+ case 'oldestChanged':
+ return new Date(a.updatedAt).getTime() - new Date(b.updatedAt).getTime();
default:
return a.name.localeCompare(b.name);
}