diff --git a/src/components/DownloadItem.tsx b/src/components/DownloadItem.tsx index c878034..d0e5e50 100644 --- a/src/components/DownloadItem.tsx +++ b/src/components/DownloadItem.tsx @@ -187,7 +187,7 @@ export const DownloadItem = React.memo(({
{download.dateAdded ? new Date(download.dateAdded).toLocaleDateString() : '-'} diff --git a/src/components/DownloadTable.tsx b/src/components/DownloadTable.tsx index c5ea225..ddfa421 100644 --- a/src/components/DownloadTable.tsx +++ b/src/components/DownloadTable.tsx @@ -454,7 +454,7 @@ export const DownloadTable: React.FC = ({ filter }) => { className={`${index === 5 ? 'download-cell-right' : ''} ${filter.startsWith('queue:') ? 'opacity-70 cursor-default' : 'cursor-pointer hover:text-text-primary transition-colors'} flex items-center justify-between`} onClick={() => handleSort(label)} > -
+
0 ? 'justify-center' : ''}`}> {label} {sortConfig?.column === label && ( sortConfig.direction === 'asc' ? : diff --git a/src/index.css b/src/index.css index 438a3ac..e9ec639 100644 --- a/src/index.css +++ b/src/index.css @@ -1562,6 +1562,7 @@ html[data-list-density="relaxed"] .download-ghost-row { .download-cell-truncate { display: flex; align-items: center; + justify-content: center; min-width: 0; overflow: hidden; } @@ -1581,9 +1582,9 @@ html[data-list-density="relaxed"] .download-ghost-row { } .download-cell-right { - text-align: right; + text-align: center; display: flex; - justify-content: flex-end; + justify-content: center; align-items: center; min-width: 0; overflow: hidden; @@ -1613,6 +1614,7 @@ html[data-list-density="relaxed"] .download-ghost-row { .download-status-cell { display: flex; align-items: center; + justify-content: center; gap: 8px; min-width: 0; overflow: hidden; @@ -1621,7 +1623,7 @@ html[data-list-density="relaxed"] .download-ghost-row { .download-status-cell > span { min-width: 0; max-width: 100%; - flex: 0 0 72px; + flex: 0 0 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;