style(ui): center align download list columns for better spacing

src/components/DownloadItem.tsx

@@ -187,7 +187,7 @@ export const DownloadItem = React.memo<DownloadItemProps>(({
 
       <div className="download-cell-right">
         <span
-          className="truncate group-hover:hidden tabular-nums ml-auto"
+          className="truncate group-hover:hidden tabular-nums"
           title={download.dateAdded ? new Date(download.dateAdded).toLocaleDateString() : '-'}
         >
           {download.dateAdded ? new Date(download.dateAdded).toLocaleDateString() : '-'}

src/components/DownloadTable.tsx

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

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;