diff --git a/src/views/torrent/TorrentCardListView.vue b/src/views/torrent/TorrentCardListView.vue
index cf53733e..4f96cee4 100644
--- a/src/views/torrent/TorrentCardListView.vue
+++ b/src/views/torrent/TorrentCardListView.vue
@@ -411,7 +411,9 @@ const handleSortIconClick = () => {
>
- mdi-sort
+
+ {{ sortType === 'asc' ? 'mdi-sort-ascending' : 'mdi-sort-descending' }}
+
@@ -548,9 +550,15 @@ const handleSortIconClick = () => {
density="compact"
hide-details
class="mobile-sort-select"
- prepend-icon="mdi-sort"
variant="plain"
- >
+ >
+
+
+
+ {{ sortType === 'asc' ? 'mdi-sort-ascending' : 'mdi-sort-descending' }}
+
+
+
@@ -840,7 +848,7 @@ const handleSortIconClick = () => {
.mobile-sort-select {
max-inline-size: 130px;
- min-inline-size: 110px;
+ min-inline-size: 80px;
}
.filter-buttons-grid {
diff --git a/src/views/torrent/TorrentRowListView.vue b/src/views/torrent/TorrentRowListView.vue
index d20668ec..53c4bdc1 100644
--- a/src/views/torrent/TorrentRowListView.vue
+++ b/src/views/torrent/TorrentRowListView.vue
@@ -389,7 +389,9 @@ onMounted(() => {
>
- mdi-sort
+
+ {{ sortType === 'asc' ? 'mdi-sort-ascending' : 'mdi-sort-descending' }}
+
@@ -524,9 +526,15 @@ onMounted(() => {
density="compact"
hide-details
class="mobile-sort-select"
- prepend-icon="mdi-sort"
variant="plain"
- >
+ >
+
+
+
+ {{ sortType === 'asc' ? 'mdi-sort-ascending' : 'mdi-sort-descending' }}
+
+
+
@@ -866,7 +874,7 @@ onMounted(() => {
.mobile-sort-select {
max-inline-size: 130px;
- min-inline-size: 110px;
+ min-inline-size: 80px;
}
.all-filters-grid {