diff --git a/src/components/cards/DownloadingCard.vue b/src/components/cards/DownloadingCard.vue
index 7e9bc81a..55629fc5 100644
--- a/src/components/cards/DownloadingCard.vue
+++ b/src/components/cards/DownloadingCard.vue
@@ -187,7 +187,7 @@ async function deleteDownload() {
{{ sourceSiteText }}
-
+
{{ sizeText }}
@@ -328,9 +328,18 @@ async function deleteDownload() {
}
.downloading-card__chips :deep(.v-chip) {
+ min-inline-size: 0;
max-inline-size: calc(50% - 0.2rem);
}
+.downloading-card__chips :deep(.v-chip:not(.downloading-card__size-chip)) {
+ flex: 1 1 auto;
+}
+
+.downloading-card__chips :deep(.downloading-card__size-chip) {
+ flex: 0 0 auto;
+}
+
.downloading-card__chips :deep(.v-chip__content) {
overflow: hidden;
text-overflow: ellipsis;
diff --git a/src/components/cards/__tests__/DownloadingCard.spec.ts b/src/components/cards/__tests__/DownloadingCard.spec.ts
index 5f270e18..832b6839 100644
--- a/src/components/cards/__tests__/DownloadingCard.spec.ts
+++ b/src/components/cards/__tests__/DownloadingCard.spec.ts
@@ -140,10 +140,12 @@ describe('DownloadingCard display and pause state', () => {
expect(container.querySelectorAll('.downloading-card__chips .v-chip')).toHaveLength(1)
})
- it('prefers explicit site names and safely reduces tracker URLs to hostnames', async () => {
+ it('keeps torrent size visible while resolving explicit site names and tracker hostnames', async () => {
const { container, rerender } = await renderCard(downloading({ site_name: ' M-Team ' }))
expect(container.querySelector('.downloading-card__chips')).toHaveTextContent('M-Team')
+ expect(container.querySelector('.downloading-card__chips')).toHaveTextContent('1.00 KB')
+ expect(container.querySelectorAll('.downloading-card__chips .v-chip')).toHaveLength(3)
await rerender({
downloaderName: 'qb-main',