style: swap date and status in queue card footer

src/renderer-queue.ts

@@ -718,9 +718,9 @@ function renderQueue(): void {
                     <div class="queue-footer">
                         <div class="queue-summary">
                             <button class="queue-details-toggle" type="button" aria-label="${escapeHtml(UI_TEXT.queue.toggleDetails)}" title="${escapeHtml(UI_TEXT.queue.toggleDetails)}" aria-expanded="${expandedQueueIds.has(item.id) ? 'true' : 'false'}" aria-controls="${detailsId}" data-queue-action="details"><svg aria-hidden="true" viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="m7 10 5 5 5-5"/></svg></button>
-                            <span class="queue-status-badge" title="${safeProgressStatus}"><span class="status ${item.status}" aria-hidden="true"></span><span class="queue-status-label">${safeStatusLabel}</span></span>
+                            <span class="queue-date">${safeDate}</span>
                         </div>
-                        <span class="queue-date">${safeDate}</span>
+                        <span class="queue-status-badge" title="${safeProgressStatus}"><span class="status ${item.status}" aria-hidden="true"></span><span class="queue-status-label">${safeStatusLabel}</span></span>
                     </div>
                     <div class="queue-progress-info${item.status === 'pending' || item.status === 'completed' ? ' is-hidden' : ''}">
                         <span class="queue-progress-status${progressStatusClass}${item.status === 'paused' ? ' is-hidden' : ''}">${safeProgressStatus}</span>

src/style-modules.production-path.test.ts

@@ -20,7 +20,7 @@ describe('production style modules', () => {
             .replace(/\r\n/g, '\n'));
         const digest = createHash('sha256').update(content).digest('hex');
 
-        expect(digest).toBe('b937d229d00f4a35098f288399331025580a1448f7c7aab7908f12ec826628e9');
+        expect(digest).toBe('eccaa49c879b53f95816408514a741f9aef7701ec9153ef9c8d70173a5b67056');
     });
 
     test('derives the Windows hot-development executable version from package metadata', () => {

src/styles-workflows.css

@@ -209,16 +209,17 @@
 
 .queue-date {
     flex-shrink: 0;
-    margin-left: auto;
     color: var(--text-secondary);
     font-size: 12px;
     line-height: 18px;
     font-variant-numeric: tabular-nums;
-    text-align: right;
+    text-align: left;
 }
 
 .queue-status-badge {
     display: inline-flex;
+    flex-shrink: 0;
+    margin-left: auto;
     align-items: center;
     gap: 6px;
     padding: 2px 7px;