네트워크 품질 요약 표 형식 정리

public/assets/app.js

@@ -2585,10 +2585,18 @@
         const currentRow = rows.length ? rows[rows.length - 1] : {};
 
         el.innerHTML = `
-            <span>${escapeHtml(currentTitle)}</span>
-            <span><strong>${escapeHtml(formatChartNumber(currentRow[speedKey], ' MB/s'))}</strong> / <strong>${escapeHtml(formatChartNumber(currentRow[packetKey], ' pps'))}</strong></span>
-            <span>${escapeHtml(qualityTitle)}</span>
-            <span><strong>${escapeHtml(formatCount(totalRow[errorKey]))}</strong> ${escapeHtml(t('errorsLine'))} / <strong>${escapeHtml(formatCount(totalRow[dropKey]))}</strong> ${escapeHtml(t('dropsLine'))}</span>
+            <table class="quality-table">
+                <tbody>
+                    <tr>
+                        <th scope="row">${escapeHtml(currentTitle)}</th>
+                        <td><strong>${escapeHtml(formatChartNumber(currentRow[speedKey], ' MB/s'))}</strong> / <strong>${escapeHtml(formatChartNumber(currentRow[packetKey], ' pps'))}</strong></td>
+                    </tr>
+                    <tr>
+                        <th scope="row">${escapeHtml(qualityTitle)}</th>
+                        <td><strong>${escapeHtml(formatCount(totalRow[errorKey]))}</strong> ${escapeHtml(t('errorsLine'))} / <strong>${escapeHtml(formatCount(totalRow[dropKey]))}</strong> ${escapeHtml(t('dropsLine'))}</td>
+                    </tr>
+                </tbody>
+            </table>
         `;
     }