fix(ui): align size header with values

src/components/DownloadTable.tsx

@@ -538,7 +538,7 @@ export const DownloadTable: React.FC<DownloadTableProps> = ({ 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)}
               >
-                <div className={`flex items-center gap-1 w-full h-full select-none ${index === 1 ? 'justify-end' : ''}`}>
+                <div className="flex items-center gap-1 w-full h-full select-none">
                   <span>{label}</span>
                   {(isQueueFilter ? queueSortConfig : sortConfig)?.column === label && (
                     (isQueueFilter ? queueSortConfig : sortConfig)?.direction === 'asc'

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,