diff --git a/src/components/DownloadTable.tsx b/src/components/DownloadTable.tsx index 2ba1d96..3554091 100644 --- a/src/components/DownloadTable.tsx +++ b/src/components/DownloadTable.tsx @@ -538,7 +538,7 @@ export const DownloadTable: React.FC = ({ filter }) => { className={`${index === 5 ? 'download-cell-right' : ''} cursor-pointer hover:text-text-primary transition-colors flex items-center justify-between`} onClick={() => handleSort(label as DownloadSortColumn)} > -
+
{label} {(isQueueFilter ? queueSortConfig : sortConfig)?.column === label && ( (isQueueFilter ? queueSortConfig : sortConfig)?.direction === 'asc' diff --git a/src/index.css b/src/index.css index a652653..34c04db 100644 --- a/src/index.css +++ b/src/index.css @@ -1972,14 +1972,14 @@ html[data-list-density="relaxed"] .download-ghost-row { } .download-size-cell { - justify-content: flex-end; + justify-content: flex-start; text-align: left; } .download-size-content { display: flex; align-items: center; - width: min(100%, 12rem); + width: 100%; min-width: 0; overflow: hidden; text-align: left; @@ -2005,7 +2005,11 @@ html[data-list-density="relaxed"] .download-ghost-row { } .download-row > .download-size-cell { - padding-right: calc(var(--download-column-padding-x) + 6px); + padding-left: calc(var(--download-column-padding-x) + 8px); +} + +.download-table-header > div:nth-child(2) { + padding-left: calc(var(--download-column-padding-x) + 8px); } .download-cell-truncate > span,