马一丁

Optimize the display of the download button

@@ -1313,7 +1313,7 @@ @@ -1313,7 +1313,7 @@
1313 padding: 15px; 1313 padding: 15px;
1314 border-bottom: 2px solid #000000; 1314 border-bottom: 2px solid #000000;
1315 background-color: #f8f9fa; 1315 background-color: #f8f9fa;
1316 - flex-wrap: wrap; 1316 + flex-wrap: nowrap;
1317 } 1317 }
1318 1318
1319 .report-button { 1319 .report-button {
@@ -1349,7 +1349,7 @@ @@ -1349,7 +1349,7 @@
1349 display: flex; 1349 display: flex;
1350 gap: 8px; 1350 gap: 8px;
1351 margin-left: auto; 1351 margin-left: auto;
1352 - flex-wrap: wrap; 1352 + flex-wrap: nowrap;
1353 align-items: center; 1353 align-items: center;
1354 } 1354 }
1355 1355
@@ -1358,6 +1358,12 @@ @@ -1358,6 +1358,12 @@
1358 min-width: 118px; 1358 min-width: 118px;
1359 } 1359 }
1360 1360
  1361 + #downloadPdfButton,
  1362 + #downloadMdButton {
  1363 + padding: 10px 10px;
  1364 + min-width: 96px;
  1365 + }
  1366 +
1361 @media (max-width: 768px) { 1367 @media (max-width: 768px) {
1362 .report-controls { 1368 .report-controls {
1363 flex-direction: column; 1369 flex-direction: column;
@@ -1369,6 +1375,11 @@ @@ -1369,6 +1375,11 @@
1369 margin-left: 0; 1375 margin-left: 0;
1370 justify-content: flex-start; 1376 justify-content: flex-start;
1371 } 1377 }
  1378 +
  1379 + #downloadPdfButton,
  1380 + #downloadMdButton {
  1381 + min-width: 90px;
  1382 + }
1372 } 1383 }
1373 1384
1374 .report-status { 1385 .report-status {
@@ -5127,9 +5138,6 @@ function getConsoleContainer() { @@ -5127,9 +5138,6 @@ function getConsoleContainer() {
5127 statusHTML += ` 5138 statusHTML += `
5128 <div class="task-actions"> 5139 <div class="task-actions">
5129 <button class="report-button primary" onclick="viewReport('${task.task_id}')">重新加载</button> 5140 <button class="report-button primary" onclick="viewReport('${task.task_id}')">重新加载</button>
5130 - ${htmlReady ? `<button class="report-button" onclick="downloadReport('${task.task_id}')">下载HTML</button>` : ''}  
5131 - ${irReady ? `<button class="report-button" onclick="downloadPdfFromPreview('${task.task_id}')">下载PDF</button>` : ''}  
5132 - ${irReady ? `<button class="report-button" onclick="downloadMarkdownFromIr('${task.task_id}')">下载MD</button>` : ''}  
5133 </div> 5141 </div>
5134 `; 5142 `;
5135 } 5143 }